jquery remove removing from another element

Question

According to here, jquery\'s remove function should work like so..

$(\'div\').remove(\'selector\'); 

Which I\'m trying in this example.

Answer 1

You're trying to remove something that is both div and p.unwanted. The filter in remove() is applied to the current set of nodes, which in this case is all div elements.

Use the children set instead:

$('div').children().remove('p.unwanted');

Answer 2

You've misunderstood what the documentation is saying. It's not looking for elements that are descendants of the matched elements that match the selector, it's simply filtering down the set of already matched elements to those that match the selector, and then removing them.

If you have this HTML:

<div class="wanted">Some text</div>
<div class="wanted">Some more text</div>
<div class="unwanted">Some unwanted text</div>

and then executed this jQuery:

$('div').remove('.unwanted');

then it would only remove that third <div> (the one with the unwanted class on it), because it first selects all <div> elements, and then only removes those that match the selector.

Example jsFiddle

Answer 3

try this

 $(document).ready(function() {
    $('div').find('p.unwanted').attr('class', '');
});

Answer 4

You should use the following:

$('p').remove('.unwanted');

Argument in remove works as a filter. So here, you first select all <p> elements and then remove only those which have class unwanted.

DEMO: http://jsfiddle.net/qwXSw/1/