jQuery DOM 操作 replaceWith() および replaceAll()

最初の段落

二番目の段落

三番目の段落

< ;/div>


2番目の段落のノードとコンテンツを置き換えます

$("p:eq(1)").replaceWith('コンテンツを置き換えます2 番目の段落の ')

jQuery で 2 番目の p 要素をフィルターし、 replaceWith を呼び出して置き換えます。結果は次のようになります

。 replaceAll( target ) : 各ターゲット要素をセットの一致する要素に置き換えます

.replaceAll() と .replaceWith() は同様の機能を持ちますが、ターゲットとソースが逆になります。 上記の HTML 構造を使用して、 replaceAll を使用して処理します。

$('2 番目の段落の内容を置換').replaceAll('p:eq(1)')

概要:

replaceAll () と .replaceWith() は、主にターゲットとソースの場所の違いにより同様の機能を持ちます

replaceWith() メソッドと .replaceAll() メソッドは、ノードに関連付けられたすべてのデータとイベント ハンドラーを削除します

replaceWith() メソッドは、他のほとんどの jQuery メソッドと同様に jQuery オブジェクトを返すため、他のメソッドとリンクできます

replaceWith() メソッドによって返される jQuery オブジェクトは、replaceWith による置換後のノードではなく、置換前のノードを参照します/replaceAll メソッド

以下の例を参照してください:

       
  
replaceWith()和replaceAll()
 
 点击,通过replaceWith替换内容 点击,通过rreplaceAll替换内容 
 
 
 
第一段
 
第二段
 
第三段
 
 
 
第四段
 
第五段
 
第六段