replaceWith(fn)

解説

マッチした要素を、指定した関数の内容で置き換えます。

引数

• fn
  Function: 置き換える要素を返す関数
  このコールバック関数には、要素のインデックスが渡されます。
  

  function (index) {
      index; // 要素のインデックス
  
      // 置き換える内容を返す
      return replaceContent;
  }
  

戻り値

• jQuery: 置き換えられたjQueryオブジェクト

関連

• replaceWith(content)
• replaceAll(selector)

例

例1:ボタンを、太字のインデックス番号+1を付与した p要素で置き換えます。

$("#test_result :button").replaceWith(function(i) {
    return $("<p/>").append($("<b>"+ (i+1) +"</b>"));
});

ページトップヘ

ページトップヘ