1

我有以下 ul 列表，我尝试在最后两个元素之前插入一个元素。

这将是动态的，并且总是在最后两个之前添加它们。

<ul id="myList">
   <li id="first">first</li>
   <li id="second">second</li>       

   <li id="beforeLast">before last</li>
   <li id="last">last</li>
</ul>

我如何li在 li 之前插入一个新的beforeLast

附言

这是我尝试过的：

$('<li>test</li>').prependTo($('#myList li:last-child').prev('li'));
4

3 回答 3

8

:nth-last-child()为此使用：

$('#myList').find(' > li:nth-last-child(2)').before('<li>New</li>');

这样，将选择“最后一个”元素。在.before()添加所选元素之前添加一个新元素。

jsFiddle

于 2013-11-12T12:48:26.360 回答
4

您可以使用以下方式执行此操作.insertBefore()：

$("<li id='newList'>New Li</li>").insertBefore("#beforeLast");

小提琴演示

于 2013-11-12T12:48:28.477 回答
2

您可以使用("<li></li>").insertBefore($("#beforelast"))jQuery 的功能

于 2013-11-12T12:48:31.033 回答