动态删除最后一个div

时间:2015-04-28 11:13:07

标签: javascript jquery html css

我有这样的结构

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

此修订版活动清除数量不固定。 如何动态移除profile-activity clearfix下的最后一个div col-sm-6

6 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

您可以使用:last选择器

  

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

代码

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

答案 2 :(得分:1)

这是在CSS中:

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

答案 3 :(得分:0)

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

您可以使用:last定位最后一个元素以及.remove()来删除它:

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

答案 4 :(得分:0)

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

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

答案 5 :(得分:0)

我希望jfiddle能做到这一点。

<强>代码

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