Question

Suppose I have 5 div classes named .content inside a div with an id #container. I want to remove the first 4 and leave only the last one. How am I suppose to do it in jquery?

<div id="container">
    <div class="content"> </div>
    <div class="content"> </div>
    <div class="content"> </div>
    <div class="content"> </div>
    <div class="content"> </div>
</div>

Please help.

Answer 1

You could use the appropriate selector as well.

$(".content:not(:last-child)").remove();

Meaning every .content div except the one that are the last child of their parents.