add li to middle of the ul (jquery)

问题

How one can add li to middle of the ul.

For example if i have list like this:

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

And i want to add addiion li (<li>new</li>) after 3rd list?

回答1:

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

回答2:

Try this out:

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

回答3:

Try this:

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

Use ' or " within braces I have used ` since it was getting formatted as html.

来源：https://stackoverflow.com/questions/2269013/add-li-to-middle-of-the-ul-jquery