jQuery dołącz div do określonego

Question

Jak dołączyć element do określonego indeksu elementów podrzędnych za pomocą jQuery append np. jeśli mam:

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

i chcę dołączyć kolejny przedmiot między drugim a trzecim elementem?

Answer 1

Istnieje kilka opcji:

$("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')); 

Te same opcje, ale wstawienie do tej samej pozycji, używając "przed":

$("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');