在另一個元素的子元素之後插入元素

Question

例如：我想在使用jquery的sth2之後在id123中添加div。我想我知道如何在每一秒之後做到這一點，但不是在一定之後。

<div class="id123"> 
<div class="a"></div> 
.. 
<div class="sth1"></div> 
<div class="sth2"></div> 
"some text" 
<div class="end"></div> 
</div> 
<div class="id124"> 
<div class="a"></div> 
.. 
<div class="sth1"></div> 
<div class="sth2"></div> 
"some text" 
<div class="end"></div> 
</div> 

Answer 1

您可以使用.after()方法：

$('#id123 .sth2').after('<div></div>'); 

Answer 2

使用after方法每.sth2

$('.sth2').after('<div />'); 

之後插入DIV如果你想具體的一個後插入，它看起來像這樣：

$('.sth2').first().after('<div />'); 

或

$('.sth2').last().after('<div />'); 

甚至

$('.sth2:eq(1)').after('<div />'); 

選擇具有特定索引的元素。