jQuery：追加最後一個？

Question

這裏是我的HTML：

<ol> 
    <li>Item 1</li> 
    <li>Item 2</li> 
    <li>Item 3</li> 
</ol> 

然後我追加一個新項目本：$('ol').append('<li>New item</li>');

但是，我想要做的，是最後一個項目之前追加新的。所以在這個例子中，新的列表項將被放置在第二個和第三個之間。列表中的項目數量可能少至2個，也可能多達數百個，但應始終在最後一個項目之前插入。

Answer 1

對於這一點，你必須選擇最後一個列表項，然後告訴jQuery來添加新的選擇的一個前：

$('ol li:last').before('<li>New item</li>'); 

Answer 2

這應該做的伎倆

$('ol li:last').before('<li>New item</li>'); 

Example on jsfiddle

Answer 3

$('ol').last().prev().append('<li>New item</li>'); 

應該工作我bel ieve。

或者的確，上述&我下面的人說看起來有點整潔:)

Answer 4

我遇到了麻煩，這個時候最後一個列表項有一個特殊的班級。我需要做到這一點：

<ul id="my_ul"> 
    <li>One</li> 
    <li>Two</li> 
    <li class="last_class">Always Last</li> 
</ul> 

$('#my_ul li.last_class').before('<li>New Item</li>');