jQuery 특정 div 추가

Question

jQuery를 사용하여 하위 요소의 특정 색인에 요소를 추가하려면 어떻게합니까? 예 : 내가 가지고있는 경우 :

<div class=".container"> 
    <div class="item"><div> 
    <div class="item"><div> 
    <div class="item"><div> 
    <div class="item"><div> 
</div> 

두 번째와 세 번째 항목 사이에 다른 항목을 추가하고 싶습니까?

Answer 1

이 몇 가지 옵션이 있습니다 :

$("div.container div.item").eq(2).after($('your html')); 

$("div.container div.item:nth-child(3)").after($('your html')); 

$($("div.container div.item")[2]).after($('your html')); 

같은 옵션이 있지만, "전에"를 사용하여 같은 위치에 삽입 :

$("div.container div.item").eq(3).before($('your html')); 

$("div.container div.item:nth-child(4)").before($('your html')); 

$($("div.container div.item")[3]).before($('your html')); 

Answer 2

("div.container div.item:eq(1)").after("<element to insert>")

Answer 3

$('.container').children()[1].append('whatever');