jQuery.replaceAll() 関数の例の詳細な説明

replaceAll() 関数は、すべてのターゲット要素を現在一致する要素に置き換えるのに使用されます。

この関数はjQueryオブジェクト(インスタンス)に属します。

Syntax

jQuery 1.2ではこの機能が追加されました。

jQueryObject.replaceAll( target )

Parameters

Parameters

Description

target String/Element/jQuery/Array 型でターゲット要素を置き換えると、これらの要素は現在一致する要素で置き換えられます。

パラメータのターゲットが string の場合、jQuery セレクターとして扱われます。

戻り値

replaceAll()関数の戻り値はjQuery型で、置換内容を表すjQueryオブジェクトを返します。置き換えられたノードに関連付けられた

すべてのデータとイベント ハンドラーも削除されます。

注: 現在の jQuery オブジェクトと一致する要素がページ上の要素である場合、その要素は元の位置から消えます。これはコピー操作ではなく、移動操作に相当します。

例と説明

replaceAll() 関数は、すべてのターゲット要素を現在一致する要素で置換するために使用されます:

<p>段落文本1<span></span></p>
<p>段落文本2<span></span></p>
<script type="text/javascript">
$(&#39;<em></em>&#39;).replaceAll( "p" );
// 其返回值就是匹配替换内容(两个&#39;<em></em>&#39;)的jQuery对象
</script>
<!--以下是jQuery代码执行后的html内容-->
<em></em>
<em></em>

replaceAll() 関数と replaceWith() 関数の違いに注意してください:

var $A = $("s1");
var $B = $("s2");
// 将$B替换成$A
$A.replaceAll( $B ); // 返回表示替换内容的jQuery对象( 匹配替换掉$B的所有$A元素 )
// 将$A替换成$B
$A.replaceWith( $B ); // 返回$A

次の段落を参照してください。 HTML コード (オリジナルの HTML コード):

<p id="n1">
    <span id="n2">foo</span>    
</p>
<p id="n3">
    <label id="n4">[label#n4]</label>
    <span id="n5">bar</span>
</p>
<div id="n6"></div>

次の jQuery サンプル コードは、replaceAll() 関数の具体的な使用法を示すために使用されます:

// 用em元素替换掉所有的span元素
$(&#39;<em class="new">替代元素</em>&#39;).replaceAll( "span" );
// 用n4替换掉n6
// n4将从原位置上消失(替换到n6的位置)
$("#n4").replaceAll( $("#n6") );

以下は、jQuery コードが実行された後の HTML コンテンツです (形式は変更されていません)調整済み):

rree

以上がjQuery.replaceAll() 関数の例の詳細な説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。