jQuery append div к определенному

Question

Как добавить элемент к определенному индексу дочерних элементов с помощью jQuery append, например. если у меня есть:

<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');