Выбрать все `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(); 

Вы также можете проверить эффективность, если бы это было быстрее:

$("#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

Чтобы удалить все, кроме первого ребенка и любого LI с ab 2, сделайте следующее:

$('#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