用最后一个条目替换divs内容

Question

我有一个包含一堆列表项的div。我只想删除除最后一个列表项之外的所有内容。是否可以在引用div id时使用$（this）而不将其置于某种点击函数中？像这样的东西？ （我知道错了）

 $('div[id='+id+']').html($(this).(".list-item:last"));

如果没有，我是否需要创建一个函数然后调用它？

$('div[id='+id+']').function(){
 $(this).html($(".list-item:last"));
}

Answer 1

这应该适用于你需要的东西，我想：

$('#elementId').children().not(':last-child').remove();

演示：JS Bin。

Answer 2

执行此操作的一种方法是使用选择器获取最后一个列表项，然后删除其兄弟。像这样：

$('div li:last-child').siblings().remove();

上一个孩子：http://api.jquery.com/last-child-selector/

兄弟姐妹：http://api.jquery.com/siblings/

删除：http://api.jquery.com/remove/