jQuery での after の 2 つの使用法を分析する

定義と使用法

after() メソッドは、選択された要素の後に指定されたコンテンツを挿入します。

構文

$(selector).after(content)

パラメータの説明

content 必須。挿入するコンテンツを指定します (HTML タグを含めることができます)。

関数を使用してコンテンツを挿入します

関数を使用して、選択した要素の後に指定したコンテンツを挿入します。

構文

$(selector).after(function(index))

パラメータの説明

function(index)

必須。挿入するコンテンツを返す関数を指定します。

インデックス - オプション。セレクターのインデックス位置を受け取ります。

方法 1:
各 p 要素の後にコンテンツを挿入します:

コードは次のとおりです:

$("button").click(function(){
      $("p").after("<p>Hello world!</p>");
});

方法 2:

コードは次のとおりです:

$("button").click(function(){
    $("p").after(function(n){
            
return
 "<p>The p element above has index " + n + "</p>";
    });
});

after function は htmlstring を返す必要があります。

以上がjQuery での after の 2 つの使用法を分析するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。