Detaillierte Erläuterung der Funktionsbeispiele von jQuery.replaceAll()

Die Funktion replaceAll() wird verwendet, um alle Zielelemente durch das aktuell passende Element zu ersetzen.

Diese Funktion gehört zum jQuery-Objekt (Instanz).

Syntax

jQuery 1.2 hat diese Funktion hinzugefügt.

jQueryObject.replaceAll( target )

Parameter

Parameter

Beschreibung

target String/Element/jQuery/Array Die Zielelemente, deren Typen ersetzt werden sollen. Diese Elemente werden durch die aktuell passenden Elemente ersetzt.

Wenn das Parameterziel ein String ist, wird er als jQuery-Selektor behandelt.

Rückgabewert

replaceAll()Der Rückgabewert der Funktion ist vom Typ jQuery und gibt ein jQuery-Objekt zurück, das den Ersetzungsinhalt darstellt.

Alle Daten und Ereignishandler , die mit dem ersetzten Knoten verknüpft sind, werden ebenfalls entfernt.

Hinweis: Wenn ein Element, das mit dem aktuellen jQuery-Objekt übereinstimmt, ein Element auf der Seite ist, verschwindet das Element von seiner ursprünglichen Position. Dies entspricht einem Verschiebungsvorgang, nicht einem Kopiervorgang.

Beispiel und Beschreibung

Die Funktion „replaceAll()“ wird verwendet, um alle Zielelemente durch das aktuell passende Element zu ersetzen:

<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>

Bitte beachten Sie „replaceAll()“ und „replaceWith(“ ) Der Unterschied zwischen Funktionen:

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

Bitte beachten Sie den folgenden HTML-Code (ursprünglicher HTML-Code):

<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>

Der folgende jQuery-Beispielcode wird verwendet, um replaceAll() zu demonstrieren Funktion Spezifische Verwendung:

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

Das Folgende ist der HTML-Inhalt nach der Ausführung des jQuery-Codes (das Format wurde in keiner Weise angepasst):

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

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Funktionsbeispiele von jQuery.replaceAll(). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!