English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery 業務

jQueryのHTML/CSSメソッド

jQuery insertAfter() メソッド

insertAfter()メソッドを使用してください。選択された要素の前にHTML要素を挿入するには、insertBefore()

メソッド。after()insertAfter()メソッドと同じタスクを実行します。主な違いは文法です:

  • 使用after()関数の前に選択式を選択し、パラメータは挿入する内容です。

  • 使用insertAfter()、逆に、内容はメソッドの前に指定され、パラメータの要素の後に配置されます。

文法:

$(content).insertAfter(selector)

各段落の後にHTML要素を挿入します:

$("button").click(function(){
  $("<p style="39;color:red;'>Hello world</p>").insertAfter("p");
});
テストを見て‹/›

insertAfter()メソッドを使用して、選択された要素の後に既存の要素を挿入します:

$("button").click(function(){
  $("h1").insertAfter("p");
});
テストを見て‹/›

パラメータの値

パラメータ説明
content挿入する内容を指定します(HTMLタグを含む必要があります)

可能な値:

  • HTML要素

  • DOM要素

  • jQueryオブジェクト

selector選択された要素はこのパラメータで指定された要素の後に挿入されます

jQueryのHTML/CSSメソッド