2012-06-23 50 views
3

去除最後4 LI的邊框底部我有一個無序列表:jQuery函數從一個UL列表

<div class="toplist"> 
    <ul> 
    <li>Item</li> 
    <li>Item</li> 
    <li>Item</li> 
    <li>Item</li> 
    <li>Item</li> 
    <li>Item</li> 
    <li>Item</li> 
    </ul> 
</div> 

我想到的一個jQuery代碼刪除李邊界的最後4個項目。

任何想法?

function toplist(){ 
$('.toplist ul li').css("border-bottom", "none"); 
} 

+1

可能重複的[jquery:選擇列表中的最後4個項目](http://stackoverflow.com/questions/4617634/jquery-select-the-last-4-items-in-the-list ) – Teneff

回答

5

使用slice得到最後的元素:

function toplist(){ 
    $('.toplist ul li').slice(-4).css("border-bottom", "none"); 
} 

.slice(開始[,結束])

開始一個整數,指示在基於0的 位置,元素開始被選擇。如果爲負數,則表示從該集合的末尾開始偏移。

end一個整數,表示 元素停止選擇的基於0的位置。如果 爲負數,則表示從該集合的末尾開始偏移。如果省略,則 範圍會一直持續到設定的結束。

+0

很酷;)讓我測試它 – webmasters