fügen Sie li in der Mitte der ul (jquery)

Question

Wie kann man Li in der Mitte der ul hinzufügen.

Zum Beispiel, wenn ich die Liste wie folgt aussehen:

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

Und ich will addiion li (<li>new</li>) nach dem 3. Liste hinzufügen?

Answer 1

Probieren Sie dies aus:

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

Answer 2

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