Rimuovi oggetto dall'oggetto jQuery

Question

jQuery semplifica la rimozione dei nodi dal DOM. Ma come si rimuove qualcosa dall'oggetto jQuery?

Answer 1

Se si sta parlando della rimozione dei nodi dall'oggetto jQuery, utilizzare le funzioni filter o . See here for more.

Come utilizzare 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. 
}); 

o

var ps = $('p'); 

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

Come utilizzare 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> 

filtro itera sulla raccolta oggetto jQuery. Per ciascuno degli elementi: restituire true all'interno di filter() per mantenere l'elemento corrente nella raccolta di oggetti jQuery. Restituire false per rimuovere l'oggetto corrente dalla raccolta di oggetti jQuery.

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

    return false; 
}); 

In questo caso; la funzione anonima eseguita da filter() restituirà true per l'elemento di elenco che ha la classe e/o , a sua volta rimuovendo gli ultimi tre elementi di elenco dalla raccolta di oggetti jQuery.


Un esempio pratico:

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

Questo frammento aggiunge una classe ("blu") per la lista non ordinata. Quindi evidenzia i primi due elementi dell'elenco. Poi attacca un click-gestore per i primi due della lista-voci:

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

Come notato già, $.filter() è una grande opzione per il filtraggio dei dati. Notare anche che the jQuery object can be handled like an array e come tale, è possibile utilizzare metodi di array come splice() su di esso.

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