jquery remove removing from another element

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


Which I'm trying in this example.


<div class="wrapper">
    <p class="unwanted">This should be removed</p>
    <p class="retained">This will remain</p>


jQuery(document).ready(function($) {
    $('div').remove('p.unwanted'); //not working
    //$('p.unwanted').remove(); //this works

? It's not working. What am I doing wrong?



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:


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


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:


You should use the following:


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/


try this

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


Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us Javascript

©2020 All rights reserved.