1

次の ul リストがあり、最後の 2 つの要素の前に要素を挿入しようとしています。

これは動的であり、常に最後の 2 つの前に追加されます。

<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>

lili の前にnew を挿入するにはどうすればよいですかbeforeLast

PS

これが私が試したことです:

$('<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()た要素が追加される前に、新しい要素を使用します。

jsフィドル

于 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 に答える