2010-02-15 1 views
6

ul의 중간에 어떻게 li을 추가 할 수 있습니까?ul (jquery)의 중간에 li을 추가하십시오.

예를 들어

내가 이런 목록이있는 경우 :

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

을 그리고 난 3 목록 뒤에 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") 길이/2)이어야합니다. 우리는 중첩 된 목록을 만날 수 있습니다. 2 센트 – jronnybravo