Javascript 动态删除最后一个div

Javascript 动态删除最后一个div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有这样的结构 <div class="col-sm-6"> <div class="profile-activity clearfix">..</div> <div class="profile-activity clearfix">..</div> </div> .. .. 配置文件活动clearfix的数量不是固定的。 如何动态删除col-sm-6下的最后一个div配置文件活动clearfix?如

我有这样的结构

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

..
..
配置文件活动clearfix的数量不是固定的。 如何动态删除col-sm-6下的最后一个div
配置文件活动clearfix

如何动态删除col-sm-6下的最后一个div配置文件活动clearfix?

您可以使用
:last
将最后一个元素与
一起作为目标。remove()
用于删除它:

$('.col-sm-6 .clearfix:last').remove();
如何动态删除col-sm-6下的最后一个div配置文件活动clearfix?

您可以使用
:last
将最后一个元素与
一起作为目标。remove()
用于删除它:

$('.col-sm-6 .clearfix:last').remove();
如何动态删除col-sm-6下的最后一个div配置文件活动clearfix?

您可以使用
:last
将最后一个元素与
一起作为目标。remove()
用于删除它:

$('.col-sm-6 .clearfix:last').remove();
如何动态删除col-sm-6下的最后一个div配置文件活动clearfix?

您可以使用
:last
将最后一个元素与
一起作为目标。remove()
用于删除它:

$('.col-sm-6 .clearfix:last').remove();
您可以使用选择器

选择最后匹配的元素

代码

您可以使用选择器

选择最后匹配的元素

代码

您可以使用选择器

选择最后匹配的元素

代码

您可以使用选择器

选择最后匹配的元素

代码


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

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

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

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

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

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

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

$(".col-sm-6 > div").remove("div:last");
这是在CSS中:

.col-sm-6 .profile-activity:last-child {
    display: none;
}
这是在CSS中:

.col-sm-6 .profile-activity:last-child {
    display: none;
}
这是在CSS中:

.col-sm-6 .profile-activity:last-child {
    display: none;
}
这是在CSS中:

.col-sm-6 .profile-activity:last-child {
    display: none;
}
我希望这能起作用

代码

$('.col-sm-6 .profile-activity').eq($('.col-sm-6 .profile-activity').length - 1).remove();
我希望这能起作用

代码

$('.col-sm-6 .profile-activity').eq($('.col-sm-6 .profile-activity').length - 1).remove();
我希望这能起作用

代码

$('.col-sm-6 .profile-activity').eq($('.col-sm-6 .profile-activity').length - 1).remove();
我希望这能起作用

代码

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


$('.col-sm-6.profile activity.clearfix:last').remove()
$('.col-sm-6.profile activity.clearfix:last').remove()
$('.col-sm-6.profile activity.clearfix:last').remove()
$('.col-sm-6.profile activity.clearfix:last').remove()
$。。。有点不具体。嗯。。。有点不具体。嗯。。。有点不具体。嗯。。。有点不特定。应该注意的是,
.last
是一个特定于jQuery的扩展,因此不是本机执行的,这使得它比使用
:last child
慢,后者是。在这种情况下,它们在功能上是相同的。查看@NielsKeurentjes上的注释您是否有一个基准测试来证明它的速度较慢?添加了官方jQuery站点的链接,明确说明了这一点。应该注意的是,
.last
是jQuery特定的扩展,因此不是本机执行的,这使得它比使用
:last child
慢,后者是。在这种情况下,它们在功能上是相同的。查看@NielsKeurentjes上的注释您是否有一个基准测试来证明它的速度较慢?添加了官方jQuery站点的链接,明确说明了这一点。应该注意的是,
.last
是jQuery特定的扩展,因此不是本机执行的,这使得它比使用
:last child
慢,后者是。在这种情况下,它们在功能上是相同的。查看@NielsKeurentjes上的注释您是否有一个基准测试来证明它的速度较慢?添加了官方jQuery站点的链接,明确说明了这一点。应该注意的是,
.last
是jQuery特定的扩展,因此不是本机执行的,这使得它比使用
:last child
慢,后者是。在这种情况下,它们在功能上是相同的。查看@NielsKeurentjes上的注释您是否有一个基准测试来证明它的速度较慢?添加了官方jQuery网站的链接,明确说明了这一点。这是一个解决方案,但它只对浏览器用户隐藏元素,这可能不是海报所要求的。你错过了一个机会。在.profile-activity.Fixed前面。OP没有指定jQuery或CSS。由于他的标签包括CSS,我决定提供这个解决方案。这是一个解决方案,但它只对浏览器用户隐藏元素,这可能不是海报所需要的。你错过了一个机会。在.profile-activity.Fixed前面。OP没有指定jQuery或CSS。由于他的标签包括CSS,我决定提供这个解决方案。这是一个解决方案,但它只对浏览器用户隐藏元素,这可能不是海报所需要的。你错过了一个机会。在.profile-activity.Fixed前面。OP没有指定jQuery或CSS。由于他的标签包括CSS,我决定提供这个解决方案。这是一个解决方案,但它只对浏览器用户隐藏元素,这可能不是海报所需要的。你错过了一个机会。在.profile-activity.Fixed前面。OP没有指定jQuery或CSS。由于他的标签包括CSS,我决定提供这个解决方案。