.replaceAll()【要素 置換 (要素指定)】

メモ

  • 該当コンテンツで指定要素を置換
    • コンテンツにドキュメント内の要素を指定した場合、移動
    • 削除された元の要素のデータ・イベントハンドラも削除
  • 関連

構文

説明構文戻り値
要素 置換 (要素指定) .replaceAll( target ) 1.2

Selector  | jQuery  | Array  | Element target：置換対象要素
jQuery

関連

例

<style>
.border { border:1px black solid; padding:5px 5px; line-height:225%; }
.border2 { border:2px red dashed; padding:1px 5px; }
.color1 { color:red; }
.bold { font-weight:bold; }
</style>

<span id="id0" class="bold border2">(jQuery [id0])</span>

<p><span id="id1" class="border">[id1]</span></p>
<p><span id="id2" class="border">[id2]</span></p>

<p><span id="id10" class="border2">[id10]</span></p>
<p><span id="id11" class="border2">[id11]</span></p>
<p><span id="id12" class="border2">[id12]</span></p>

<p><span id="id20" class="border">[id20]</span></p>

<script>
$("<span class='border2'>(Selector)</span>").replaceAll( "#id1" );

$("#id0").replaceAll( $("#id2") );

var elms = Array(3);
for (var i = 0; i < 3; i++) {
  elms[i] = document.getElementById("id1" + i);
}
$("<span class='border2'>(Array)</span>").replaceAll( elms );

var elm = document.getElementById("id20");
$("<span class='border2'>(Element)</span>").replaceAll( elm );
</script>
(jQuery [id0])

[id1]

[id2]

[id10]

[id11]

[id12]

[id20]