将li添加到ul的中间(jquery)

mko*_*oso 7 css jquery html-lists

如何将li添加到ul的中间.

例如,如果我有这样的列表:

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

我想<li>new</li>在第三个列表后添加addiion li()?

Fra*_*ino 31

var middle = Math.ceil($("#myUL li").length / 2);
$("#myUL li:nth-child(" + middle + ")").after('<li>Item New</li>');
Run Code Online (Sandbox Code Playgroud)

  • 中间应该是Math.ceil($("#myUL").children("li").length/2); 因为我们可能会遇到嵌套列表.2美分 (2认同)

Pet*_*dIt 11

试试这个:

$('ul li:nth-child(3)').after('<li>new</li>');
Run Code Online (Sandbox Code Playgroud)

  • 这会产生固定数量的锂项目...更好地使用阿基诺解决方案.不管怎么说,还是要谢谢你 :) (2认同)