In jQuery, how do you remove all the divs pertaining to a certain class INSIDE a certain div class?

Question

If I have a div that contains other divs, how do I make it so I remove all the divs inside the original div? That might have been confusing, heres a code example:

<div class="test"><div class="delete"></div></div>
<div class="delete"></div>

How do I remove the 'delete' div thats INSIDE the 'test' div ONLY and still keep the one outside. Thanks!!

Answer 1

$('div.test').find('div.delete').remove();

should do the trick for you

Answer 2

To delete any div inside

$('div.test div').remove()

Answer 3

actually a combination of both:

$('div.test div.delete').remove();

Answer 4

If you're sure there won't be any other children elements that has a .delete class, you can get away with this:

$('div.test > .delete').remove();