javascript - Jquery 选择器属性 ID 不在

Question

我们如何编写一个 JQuery 选择器来选择元素的属性值(将 ID 也视为属性)不在字符串数组中的所有元素？数组长度不同。

Answer 1

使用 filter() 用于自定义过滤目的

var ids = ['a', 'b', 'f'];

$('[id]').filter(function() {
  return ids.indexOf(this.id) == -1;
}).addClass('ele');

.ele {
  color: red
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<span id="a">a</span><span id="c">c</span><span id="b">b</span><span id="d">d</span><span id="e">e</span><span id="f">f</span>

---

或者使用 not() 用于避免某些元素

var ids = ['a', 'b', 'f'];

$('[id]').not('#' + ids.join(',#')).addClass('ele');

.ele {
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<span id="a">a</span><span id="c">c</span><span id="b">b</span><span id="d">d</span><span id="e">e</span><span id="f">f</span>