jQuery 删除/替换DOM元素的几种方式

前端技术 2023/09/09 JavaScript
删除

删除操作非常简单，直接在结果集后链式调用remove()方法即可。

例如，要删除以下html脚本中所有的a元素，直接通过
复制代码 代码如下:

$(\'a\'.remove();

就可以做到了。
复制代码 代码如下:

<h3>Anchors</h3>
<a href=\"#\" class=\"remove\">Anchor Element</a>
<a href=\"#\">Anchor Element</a>
<a href=\"#\" class=\"remove\">Anchor Element</a>


当然也可以通过向remove传参的形式来过滤选择结果，然后再执行remove操作。
复制代码 代码如下:

$(\'a\').remove(\'.remove\');

需要注意的是

remove操作并不会把符合条件的元素从结果集中删除，所以理论上可以继续操作被\"删除\"掉的元素
remove操作不但会“删除”元素与所有元素相关的数据也会被删除(event handlers、internally cached data)

替换

如果想要把class为remove的li元素替换为<li>removed</li>，可以使用以下两种等价的方法
复制代码 代码如下:

$(\'li.remove\').replaceWith(\'<li>removed</li>);
$(\'<li>removed</li>;).replaceAll(\'li.remove\');

本文地址：https://www.stayed.cn/item/24469

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案