добавить li к середине ul (jquery)

Question

Как можно добавить li к середине ул.

Например, если у меня есть такой список:

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

И я хочу добавить ad liion li (<li>new</li>) после 3-го списка?

Answer 1

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

Answer 2

Попробуйте это:

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

Answer 3

Попробуйте это:

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

Используйте 'или' в фигурных скобках, которые я использовал `с тех пор, как он был отформатирован как html.