📌  相关文章
📜  如何使用 jQuery 从匹配元素集中删除与指定选择器匹配的元素?(1)

📅  最后修改于: 2023-12-03 15:23:54.837000             🧑  作者: Mango

使用 jQuery 从匹配元素集中删除与指定选择器匹配的元素

在使用 jQuery 时,有时候我们需要从一个元素集合中删除与指定选择器匹配的元素。这个时候可以使用 .not() 方法。

语法
$(selector).not(filter)

其中,selector 表示选择器,filter 表示要排除的元素的选择器。

示例

HTML 代码如下:

<ul>
  <li>HTML</li>
  <li>CSS</li>
  <li>JavaScript</li>
</ul>

假设我们需要删除 ul 元素中的第二个 li 元素(CSS),可以使用以下 JQuery 代码:

$("ul li").not(":nth-child(2)").remove();

代码解释:

  • $() 表示用 jQuery 选择器选中元素。
  • "ul li" 表示选中所有 ul 元素下的 li 元素。
  • .not(":nth-child(2)") 表示排除第二个 li 元素。
  • .remove() 表示删除选中的元素。
总结

使用 .not() 方法可以方便地从一个元素集合中删除与指定选择器匹配的元素。需要注意的是,如果要删除的元素比较多,也可以使用其他方法,如 .filter().slice() 等。