如何清除父 div 中的所有 div 内容？

给定一个包含 div 元素的 HTML 文档，任务是使用 jQuery 删除现有的 HTML 元素。要删除元素及其内容，jQuery 提供了两种方法：

• remove()：删除选中元素及其子元素。
• empty()：从被选元素中移除子元素。

例子：

   
child 1
   
child 2
   
child 3

语法：以下函数清除父“div”

$('#parent').empty();

以下函数清除所有子“div”，但保持父级不变。

$('#parent div').empty()

例子：

HTML

  

    
    
  
    
    

  

    
        Parent div
        Child 1
        Child 2
        Child 3
    
      
    Click me
  
    
        function myFunc() {
            $('#parent div').empty()
        }
    

  

输出：

• 点击按钮前：
  
• 点击按钮后：