刪除最後一個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

回答