jQuery chắp thêm div vào một số

Question

cụ thể Làm cách nào để nối thêm một phần tử một chỉ mục cụ thể của các phần tử con bằng cách sử dụng phần bổ sung jQuery ví dụ: nếu tôi có:

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

và tôi muốn nối thêm một mục khác giữa mục thứ hai và thứ ba?

Answer 1

Có một vài lựa chọn:

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

Các tùy chọn tương tự, nhưng chèn vào vị trí tương tự sử dụng "trước khi":

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