檢測類名爲x的最後一個div，並添加一個新類y

Question

我想知道，這是確定最後一個div並向其中添加新類的最佳方式。它是JavaScript還是css3？

所以這裏是我的例子。假設我有這個：

<div class="items"> 
    <div class="raw">item 1</div> 
    <div class="raw">item 2</div> 
    <div class="raw">item 3</div> 
    <div class="raw">item 4</div> 
    <div class="raw">item 5</div> 
    <div class="raw">item 6</div> 
</div> 

怎麼樣？什麼方法？我可以添加到類名爲「raw」的最後一個div的新類名「new」？

使之成爲：

<div class="raw new">item 6</div> 

Answer 1

剛：

$('div.raw:last').addClass('new'); 

Answer 2

在jQuery中那樣簡單：

$(".items > .raw:last").addClass("new"); 

在純JavaScript和querySelector：

document.querySelector(".items > .raw:last-child").className += " new"; 

Answer 3

$('div.raw:last').addClass('new'); 

Answer 4

您可以通過純CSS去：

div.raw:last-child { 
    /* styles for the last element here */ 
} 

，或者，如果你需要一個子集

div.raw:last-of-type { 
    /* styles for the last element here */ 
} 

以防萬一，新類中更具體（-名稱）不是強制性的。

這兩個僞選擇器都與最新的W3C瀏覽器兼容。 IE開始於9.如果你迫切希望支持IE7 +，我推薦這個小小的lib：https://code.google.com/p/ie7-js/