add li to middle of the ul (jquery)

Question

How one can add li to middle of the ul.

For example if i have list like this:

1
2
3<         


        

Answer 1

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

Answer 2

Try this:

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

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

Answer 3

Try this out:

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