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>');