2010-02-15 79 views
6

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

举例来说,如果我有名单如下:

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

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

+5

你为什么不接受了这个问题的答案了吗? –

回答

10

尝试了这一点:

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

这个固定数量的li项目...更好地使用Aquino解决方案。无论如何谢谢:) – numediaweb

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

+1更一般的解决方案。 – tvanfosson

+2

中间应该是Math.ceil($(“#myUL”)。children(“li”).length/2);因为我们可能会遇到嵌套列表。 2美分 – jronnybravo