jQuery遍历not的用法

Posted 2020-10-01 李慕白

从包含所有段落的集合中删除 id 为 "selected" 的段落：

$("p").not("#selected")

定义和用法

not() 从匹配元素集合中删除元素。

语法 1

.not(selector)

参数	描述
selector	字符串值，包含用于匹配元素的选择器表达式。

语法 2

.not(element)

参数	描述
element	一个或多个需要从匹配集中删除的 DOM 元素。

语法 3

.not(function(index))

参数	描述
function(index)	用于检测集合中每个元素的函数。this 是当前 DOM 元素。

详细说明

如果给定一个表示 DOM 元素集合的 jQuery 对象，.not() 方法会用匹配元素的子集构造一个新的 jQuery 对象。所应用的选择器会检测每个元素；不匹配该选择器的元素会被包含在结果中。

请思考下面这个带有简单列表的页面：

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>

我们可以向列表项集应用该方法：

$(‘li‘).not(‘:even‘).css(‘background-color‘, ‘red‘);

移除具体的元素

.not() 方法的第二个版本允许我们从匹配集中删除元素，假设我们之前已经通过其他手段找到了这些元素。例如，设想一个列表已经将 id 应用到其中一个项目中：

<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li id="notli">list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>

我们可以使用原生的 javascript 函数 getElementById() 读取第三个列表项，然后把它从 jQuery 对象中删除：

$(‘li‘).not(document.getElementById(‘notli‘)).css(‘background-color‘, ‘red‘);