Eliminar elemento del objeto jQuery

Question

jQuery facilita la eliminación de nodos del DOM. Pero, ¿cómo se elimina algo del objeto jQuery?

Answer 1

Si está hablando de eliminar nodos del objeto jQuery, use las funciones filter o not. See here for more.

Cómo usar 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'); 

Cómo usar 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> 

itera sobre la colección Filtrar objeto jQuery. Para cada uno de los elementos: Devuelva true dentro de filter() para mantener el elemento actual en la colección de objetos jQuery. Devuelva false para eliminar el objeto actual de la colección de objetos jQuery.

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

    return false; 
}); 

En este caso; la función anónima ejecutada por filter() devolverá verdadero para el elemento de la lista que tiene la clase y/o , eliminando a su vez los tres últimos elementos de la lista de la colección de objetos jQuery.


Un ejemplo práctico:

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

Este fragmento se suma una clase ("azul") a la lista desordenada. Luego resalta los primeros dos elementos de la lista. A continuación, adjunta un clic-manejador de los primeros dos list-item:

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

Como se ha señalado ya, $.filter() es una gran opción para filtrar datos. Tenga en cuenta también que the jQuery object can be handled like an array, y como tal, puede usar métodos de matriz como splice() en él.

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