jQueryのreplaceAll()メソッドの分析例

タイトルを見ても replaceAll の意味がわからない人も多いかもしれませんが、 replaceAll() 関数は、すべての対象要素を現在一致する要素に置き換えるのに使用されます。今日は、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 コンテンツです。 (形式は一切調整されていません) :

<p id="n1">    
<em class="new">替代元素</em>    
</p><p id="n3">        
<em class="new">替代元素</em>
</p>
<label id="n4">[label#n4]</label>

概要:

この記事の詳細な研究を通じて、多くの友人がjQueryのreplaceAll()メソッドについて一定の理解と理解を持っていると思います. あなたの仕事に役立つことを願っています！

関連する推奨事項:

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

JavaScript で replace を正規表現と組み合わせて使用​​し、replaceAll の効果を実現します

js 詳しい説明replace と replaceall インスタンスの使用法

js は正規表現を使用して ReplaceAll 置換メソッドを実装します

以上がjQueryのreplaceAll()メソッドの分析例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。