.replaceAll()

http://api.jquery.com/replaceAll/

要素を指定した別のエレメントと差し替えます。

.replaceAll(target) 1.2追加
サンプル
デモ

.replaceAll()は.replaceWith()と本質的には同じ動作をします。この2つの違いは、指定する要素と対象の位置が反対であることです。

.replaceAll(target) 1.2追加

戻り値:jQuery

引数	説明
target	対象をセレクタで指定して、マッチしている要素に置換します。

サンプル

次のようなコードがあった場合、

<div class="container">
  <div class="inner first">こんにちは！</div>
  <div class="inner second">そして</div>
  <div class="inner third">さようなら！</div>
</div>

下記の処理によって新しい要素を作って置き換えます。

$('<h2>新しい見出し</h2>').replaceAll('.inner');

結果は次のようになります。

<div class="container">
  <h2>新しい見出し</h2>
  <h2>新しい見出し</h2>
  <h2>新しい見出し</h2>
</div>

また、次のように存在する要素を指定した場合、移動と置換の処理が一括で実行されます。コピーが作られないことに注目してください。

  $('.first').replaceAll('.third');

<div class="container">
  <div class="inner second">そして</div>
  <div class="inner first">こんにちは！</div>
</div>

デモ

全てのP要素をBold要素のコンテンツに置換します。

<!DOCTYPE html>
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <p>おはよう！</p>
  <p>こんにちは！</p>
  <p>こんばんは！</p>
<script>$("<b>さようなら！</b>").replaceAll("p");</script>
</body>
</html>