jQuery childrenRemove() 方法
jQuery childrenRemove() 方法用于删除元素的子元素,包括文本和注释节点。
语法:
$(selector).children().remove(filter);
参数说明:
selector: 必需,规定一个或多个元素,用来删除子元素。 filter: 可选,规定一个或多个筛选器,用于从子元素中筛选要删除的元素。
使用实例:
$(document).ready(function(){ $("#btn1").click(function(){ $("#div1").children().remove(); }); $("#btn2").click(function(){ $("#div2").children("p").remove(); }); });
效果展示:
<!DOCTYPE html> <html> <head> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> </head> <body> <div id="div1"> <p>这是一个段落。</p> <ul> <li>列表项1。</li> <li>列表项2。</li> <li>列表项3。</li> </ul> </div> <div id="div2"> <p>这是要被删除的段落。</p> <p>这个段落将保留。</p> </div> <button id="btn1">删除 div1 中的所有子元素</button> <button id="btn2">删除 div2 中的 p 元素</button> </body> </html>
点击删除 div1 中的所有子元素按钮:
点击删除 div2 中的 p 元素:
这是要被删除的段落。
这个段落将保留。