在另一个元素的子元素之后插入元素

Question

例如：我想在使用jquery的sth2之后在id123中添加div。我想我知道如何在每次sth2之后做到这一点但不是在确定之后。

<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

之后插入div

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

如果你想在特定的一个之后插入它，它看起来像这样：

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

或

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

甚至

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

选择具有特定索引的元素。