Usuń element z obiektu jQuery

Question

jQuery ułatwia usunięcie węzłów z DOM. Ale jak usunąć coś z obiektu jQuery?

Answer 1

Jeśli mówisz o usuwaniu węzłów z obiektu jQuery, użyj funkcji filter lub not. See here for more.

Jak korzystać 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. 
}); 

lub

var ps = $('p'); 

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

Jak korzystać 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> 

Filtr iteruje obiektu kolekcji jQuery. Dla każdego elementu: Zwróć true wewnątrz filter(), aby zachować bieżący element w kolekcji obiektów jQuery. Zwróć false, aby usunąć bieżący obiekt z kolekcji obiektów jQuery.

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

    return false; 
}); 

W tym przypadku; anonimowa funkcja wykonana przez filter() zwróci true dla elementu listy, który ma klasę i/lub , z kolei usuwa ostatnie trzy elementy listy z kolekcji obiektów jQuery.


Praktyczny przykład:

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

Ten fragment dodaje klasę ("niebieski") do listy nieuporządkowanej. Następnie podświetla dwa pierwsze elementy listy. Następnie przykłada click-obsługi do dwóch pierwszych lista-elementów:

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

Jak już wspomniano, $.filter() jest świetnym rozwiązaniem do filtrowania danych. Zauważ także, że the jQuery object can be handled like an array, i jako takie, możesz użyć na nim metod tablicy, takich jak splice().

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