How do I remove all class divs except the last 2 using jquery?

I have a set of ments that show in a ment_container class. When show all ments is clicked a list of all ments for a particular micropost is shown before the most 2 recent which show by default.

How ever if a user types a ment before clicking to see all ments this ment is added to the list and now 3 recent ments show. Because of the way I've set up some back end code it causes the least most recent ment to be shown twice when the show all link is clicked.

No need to get into the details but what I've decided to do is count the total divs and from the total remove all the divs but 2 (the last 2 in the list which are the most recent).

How can I achieve this using jquery?

Kind regards

How do I remove all class divs except the last 2 using jquery?

I have a set of ments that show in a .ment_container class. When show all ments is clicked a list of all ments for a particular micropost is shown before the most 2 recent which show by default.

How ever if a user types a ment before clicking to see all ments this ment is added to the list and now 3 recent ments show. Because of the way I've set up some back end code it causes the least most recent ment to be shown twice when the show all link is clicked.

No need to get into the details but what I've decided to do is count the total divs and from the total remove all the divs but 2 (the last 2 in the list which are the most recent).

How can I achieve this using jquery?

Kind regards

• javascript
• jquery
• jquery-selectors

2 Answers 2

Use slice() (and credit to @Felix Kling for the update):

$(".ment_container").slice(0, -2).remove();

However, given your description of your problem this doesn't sound like the best course of action. It may be worth you starting a new question about the problem you have with the ments with some detail about your code.

More info on slice().

Have the two last div's that you dont want to include have ID's?

I believe you could use jQuery .not() to remove the last two div's after you've chosen you're selector something like this

$('.ment_container').not('#lastDiv, #lastButone')

Then you can show all ments but not those 2.

more info on .not()