jquery - 使用append或insertAfter在某个类之后插入html

Question

我希望在某个标签之后动态添加一些内容到容器中，请查看下面的代码

<div id="simpleContainer">
  <h2 class="hDestination">Destination(s)</h2>
  <h2 class="hExtras">Extra(s)</h2>
</div>

<div id="advancedContainer">
  <h2 class="hDestination">Destination(s)</h2>
  <h2 class="hExtras">Extra(s)</h2>
</div>

我试图在 h2 之后使用类 hDestination 添加一些内容到 advancedContainer 中，但它一直在使用类 hDestination 的 h2 之后添加> 也是 simpleContainer 的。我只想将内容添加到带有类 hDestination 的 h2 之后的 advancedContainer 中。

我尝试了以下代码

$('<div>This is a test</div>').insertAfter('h2.hDestination','#advancedContainer');

Answer 1

使用 .after() 进行操作，它读起来更好，并且更适合您的场景/上下文:

$('#advancedContainer h2.hDestination').after('<div>this is a test</div>');