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中，但它也在 h2 之后使用 simpleContainer 的 hDestination 类添加。我只希望在 h2 之后将内容添加到advancedContainer与hDestination类。

我尝试了以下代码

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

Answer 1

这样做.after()读起来更好，并且更适合您的场景/上下文：

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

Answer 2

这就是你想要的：

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

JSFiddle 示例

...大声笑，我需要在摆弄时更多地刷新页面...