Удалить элемент из объекта jQuery

Question

jQuery упрощает удаление узлов из DOM. Но как вы удаляете что-то из объекта jQuery?

Answer 1

Если вы говорите об удалении узлов из объекта jQuery, используйте функции filter или not. See here for more.

Как использовать filter:

var ps = $('p'); 

//Removes all elements from the set of matched elements that do 
//not match the specified function. 
ps = ps.filter(function() { 
    //return true to keep it, false to discard it 
    //the logic is up to you. 
}); 

или

var ps = $('p'); 

//Removes all elements from the set of matched elements that 
//do not match the specified expression(s). 
ps = ps.filter('.selector'); 

Как использовать not:

var ps = $('p'); 

//Removes elements matching the specified expression 
//from the set of matched elements. 
ps = ps.not('.selector'); 

Answer 2

<ul> 
    <li class="1" /> 
    <li class="2" /> 
    <li class="3" /> 
    <li class="4" /> 
    <li class="5" /> 
</ul> 

Фильтр итерацию по коллекции объектов JQuery. Для каждого из элементов: возвращайте true внутри filter(), чтобы сохранить текущий элемент в коллекции объектов jQuery. Верните false, чтобы удалить текущий объект из коллекции объектов jQuery.

$("li").filter(function() 
{ 
    if (this.className == "1" || this.className == "2") return true; 

    return false; 
}); 

В этом случае; анонимная функция, выполняемая filter(), вернет true для элемента списка, который имеет класс и/или , в свою очередь удаляя последние три списка из коллекции объектов jQuery.


Практический пример:

<ul> 
    <li class="1" /> 
    <li class="2" /> 
    <li class="3" /> 
    <li class="4" /> 
    <li class="5" /> 
</ul> 

Этот фрагмент кода добавляет класс ("синий") в неупорядоченном списке. Затем выделяются первые два списка. Затем присоединяет щелчок-обработчик первых два элементы списка:

$(function() 
{ 
    $("ul").addClass("blue").find("li").filter(function() 
    {   
     if (this.className == "1" || this.className == "2") return true; 

     return false; 

    }).addClass("highlight").click(function() 
    { 
     alert("I am highlighted!"); 
    }); 
}); 

Answer 3

Как уже отмечалось, $.filter() отличный вариант для фильтрации данных. Также обратите внимание, что the jQuery object can be handled like an array, и поэтому вы можете использовать методы массива, такие как splice().

var people = $(".people"); 
people.splice(2,1); // Remove 1 item starting from index 2