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之后继续添加类 hDestination hDestination 将内容添加到 advancedContainer 。

我尝试了以下代码

$('<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 Example

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

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

2 个答案: