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

时间:2010-02-15 21:22:19

标签: jquery css html-lists

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

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

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>

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

3 个答案:

答案 0 :(得分:31)

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

答案 1 :(得分:11)

试试这个:

$('ul li:nth-child(3)').after('<li>new</li>');

答案 2 :(得分:0)

试试这个:

$('ul li:eq(2)').after(`<li>new</li>`)

使用&#39;或&#34;在括号内我使用`因为它被格式化为html。