dom要素をjqueryで置き換える方法

方法: 1. コレクション内のすべての一致する要素に使用される replaceWith() メソッドを使用します。構文は "element object.replaceWith(content, function(index))"; 2. replaceAll を使用します。 () 選択した要素を新しい HTML 要素に置き換えるために使用されるメソッド。構文は「element object.replaceAll(selector)」です。

このチュートリアルの動作環境: Windows10 システム、jquery3.6.0 バージョン、Dell G3 コンピューター。

dom要素をjqueryに置き換える方法

1. replaceWith()メソッド

$(selector).replaceWith(content,function(index))

コンテンツは必須です。挿入するコンテンツを指定します (HTML タグを含めることができます)。

可能な値:

• HTML 要素

• jQuery オブジェクト

• DOM element

#function(index) オプション。置換コンテンツを返す関数を指定します。

index - コレクション内の要素のインデックス位置を返します。

$(DOM).replaceWith(newContent) は、コレクション内の一致するすべての要素を置換し、削除された要素コレクションを返すために使用されます:

第一个
第二个
第三个
第四个

出力結果:

2. replaceAll() メソッド

$(newContent).replaceAll(DOM) には $(DOM).replaceWith(newContent) と同じ機能がありますが、ただし、パラメーターの位置は変更されます (後でスタイルを直接割り当てることができます):

第一个
第二个
第三个
第四个

出力結果:

ビデオ チュートリアルの推奨事項: jQuery ビデオチュートリアル＃＃＃＃＃＃＃＃＃

以上がdom要素をjqueryで置き換える方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。