当前位置: 动力学知识库 > 问答 > 编程问答 >

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

问题描述:

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

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

How ever if a user types a comment before clicking to see all comments this comment is added to the list and now 3 recent comments show. Because of the way I've set up some back end code it causes the least most recent comment 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

网友答案:

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

$(".comment_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 comments 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

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

Then you can show all comments but not those 2.

more info on .not()

分享给朋友:
您可能感兴趣的文章:
随机阅读: