2

特定のタグの後にコンテナにコンテンツを動的に追加しようとしています。以下のコードをご覧ください

<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>

クラスhDestinationを使用して h2 の後にadvancedContainerにコンテンツを追加しようとしていますが、simpleContainer のクラスhDestinationを使用して h2 の後にも追加し続けました。

次のコードを試しました

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

2 に答える 2

3

それを行う.after()と読みやすくなり、シナリオ/コンテキストにより適しています。

$('#advancedContainer h2.hDestination').after('<div>this is a test</div>');
于 2012-06-26T13:25:03.610 に答える
1

これはあなたが望むものです：

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

JSFiddle の例

...笑、いじりながらもっとページを更新する必要があります...

于 2012-06-26T13:28:21.083 に答える