全選`li`不在第一個孩子，而不是包含我想選擇所有李時珍除了第一個孩子的東西

Question

和所有不包含鋰的：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:gt(0)").not(":contains('ab 2')").each(function(){ 
     // code 
     this.style.display='none'; // try to use native JS where possible 
    }); 

如果隱藏是你想做的事，不循環的唯一的事情，只是隱藏：

$("#list li:gt(0)").not(":contains('ab 2')").hide(); 

Performancewise你可以測試這是否會更快：

$("#list").find("li").not(":first-child") // or 
$("#list li").not(":first-child") // or 
$("#list li:not(:first-child)") 

與添加到它的過濾器（沒有做，對於可讀性）

Answer 2

試試這個：

$("#list li").each(function() { 
    var $this = $(this); 
    if($this.text() == 'ab 2' || $this.is(':first-child')) { return; } 

    // your code 
} 

如果你做一個each功能反正我看不出有任何理由使用這樣一個複雜的查詢字符串。

Answer 3

該, selector作爲或;即不是第一個孩子或不包含「ab 2」的所有元素;這導致所有元素都被匹配。

相反，只是使用;

li:not(:first-child):not(:contains('ab 2') 

...爲你的選擇（http://jsfiddle.net/rrWky/）

Answer 4

$("li:gt(0):not(:contains('ab 2'))").css('color','red'); 

http://jsfiddle.net/fmhYN/

，可以稍微修改選擇的開頭，以滿足您的需求。

Answer 5

要刪除一切，但第一個孩子，並與ab 2任何LI，做到：

$('#list li:not(:contains(ab 2), :first-child)').hide(); 

FIDDLE

Answer 6

$("#list").find("li:gt(0):not(:contains('ab 2'))") 

DEMO

Answer 7

試着改變你的代碼：

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

Here是jsFiddle的建議答案。

您也可以刪除過濾器，並結合了兩個選擇，就像這樣：

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

Here是選擇的的jsfiddle進行組合。

Answer 8

試試這個

$("#list").find("li:gt(0):not(:contains('ab 2'))").css('display', 'none'); 

Answer 9

這應該是快：

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

要刪除它們，只需調用在年底.remove()或.hide()，無需循環。

DEMO：http://jsfiddle.net/tY4cm/

這是張貼在這裏的不同解決方案的jsPerf：http://jsperf.com/single-selector-vs-filter-perf/2