jQueryのinsertAfter()メソッドの使い方

2年 ago
綾乃, 一希
1 minute

jQuery の insertAfter（）メソッドを使用して、選択した要素の後ろに新しい要素を挿入できます。

文法：

$(selector).insertAfter(content)

ネイティブ japoneses にパラフレーズしてください。1 つだけ必要です。パラメータ:

  1. selector：必須で、挿入したい要素の選択に使用します。
  2. 挿入するコンテンツで、HTML 文字列、DOM 要素、jQuery オブジェクトのいずれかが必要です。

例えば：

以下のような HTML 構造体を想定します。

<div class="container">
<div class="item">Item 1</div>
<div class="item">Item 2</div>
</div>

最初のアイテムの後に新しい divを挿入します。

$("<div>New Item</div>").insertAfter(".item:first");

最初のアイテムの後に新しいdivを挿入します：

<div class="container">
<div class="item">Item 1</div>
<div>New Item</div>
<div class="item">Item 2</div>
</div>
bannerAds