删除最后一个div动态

<div class="col-sm-6"> 
    <div class="profile-activity clearfix">..</div> 
    <div class="profile-activity clearfix">..</div> 
</div>

轮廓活动clearfix的这个数字是不固定的。如何动态删除col-sm-6下的最后一个div profile-activity clearfix？

'$（ 'COL-SM-6的.profile-activity.clearfix：最后的'）。remove（）方法' – Satpal

如何动态删除col-sm-6下的最后一个div profile-activity clearfix？

您可以使用:last与.remove()沿最后一个元素的目标去除它：

$('.col-sm-6 .clearfix:last').remove();

2015-04-28 11:14:32

这是呃... ...有点儿非特异性。 –

$('col-sm-6 > .profile-activity.clearfix:last-child').remove();

2015-04-28 11:14:36

您可以使用:last选择

选择最后一个匹配的元素。

代码

$('.col-sm-6 .profile-activity.clearfix:last').remove()

2015-04-28 11:14:46 Satpal

应该指出，'.last'是一个特定于jQuery的扩展，因此不会在本地执行，因此比使用'：last-child'慢。在这种情况下，它们在功能上是相同的。请参阅https://api.jquery.com/last-selector/上的注释。 –

@NielsKeurentjes您是否有基准测试来证明它比较慢？ –

添加了官方jQuery站点明确指出的链接。 –

:last过滤最后一个div和.remove()将删除DIV。

$(".col-sm-6 > div").remove("div:last");

2015-04-28 11:14:54

这是CSS：

.col-sm-6 .profile-activity:last-child { 
    display: none; 
}

2015-04-28 11:15:33 Ciprian

这是一个解决方案，但它只隐藏浏览器用户的元素，这可能不是海报需要的元素。你错过了一个。在.profile活动前面。 – moopet

固定。 OP没有指定jQuery或CSS。由于他的标签包含CSS，我决定提供这个解决方案。 – Ciprian

我希望这jfiddle会做的东西。

代码

$('.col-sm-6 .profile-activity').eq($('.col-sm-6 .profile-activity').length - 1).remove();

2015-04-28 11:16:12

回答