{site_name}

{site_name}

🌜 搜索

jQuery中的remove()函数用于从DOM(文档对象模型)中删除匹配元素及

前端 𝄐 0
jqueryremove同级元素
jQuery中的remove()函数用于从DOM(文档对象模型)中删除匹配元素及其所有子元素,它具有以下语法:

javascript
$(selector).remove([filter])


其中,selector为要删除的元素的选择器,filter是一个可选参数,表示过滤要删除的元素。

例如,下面的代码会删除id为"myDiv"的div元素及其所有子元素:

html
<div id="myDiv">
<p>Some text</p>
<ul>
<li>List item 1</li>
<li>List item 2</li>
</ul>
</div>

<script>
$("#myDiv").remove();
</script>


在执行remove()后,整个#myDiv元素以及其包含的所有元素(p、ul和li)都将从文档中删除。如果您只想删除#myDiv的子元素,可以使用empty()函数来清空它,如下所示:

javascript
$("#myDiv").empty(); // 删除#myDiv的所有子元素


如果您希望删除全部符合选择器条件的元素,则可以省略选择器参数,如下所示:

javascript
$("div").remove(); // 删除所有div元素及其子元素