javascript - 选择不是第一个 child 且不包含某些内容的所有 `li`

Question

我想选择除第一个 child 之外的所有李和所有不包含的李:ab 2

所以，如果我的列表是:

<ul id="list">
    <li>1</li>
    <li>ab 1</li>
    <li>ab 2</li>
    <li>ab 3</li>
    <li>ab 4</li>
</ul>

它将是:

<ul id="list">
    <li>1</li>
    <li>ab 2</li>
</ul>

我试过:

$("#list").find("li:not(:first-child), li:not(:contains('ab 2'))").each(function () {
      var current = $(this);
      current.css('display', 'none');
}

但是我所有的列表都不见了..

Answer 1

这应该很快:

$("#list li")
    .slice(1) // exclude the first
    .not(':contains(ab 2)') // exclude all "ab 2"

要删除它们，只需在最后调用.remove() 或.hide()，无需循环。

演示:http://jsfiddle.net/tY4cm/

这里发布了不同解决方案的 jsPerf:http://jsperf.com/single-selector-vs-filter-perf/2