淘先锋技术网

首页 1 2 3 4 5 6 7

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 元素:

这是要被删除的段落。

这个段落将保留。