Remove DOM elements from jQuery object

Question

jQuery makes it easy to remove nodes from the DOM. But how do you remove DOM elements from a given jQuery object?

Answer 1

If you are talking about removing nodes from the jQuery object, use the filter or not functions. See here for more.

How to use 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. }); 

or

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

How to use not:

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

Answer 2

As noted already, $.filter() is a great option for filtering data. Note also that the jQuery object can be handled like an array, and as such, you can use array methods like splice() on it.

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