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

Question

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

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

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