jqueryは現在のノード自体のコードを含むouterHtmlを取得します_jquery

開発プロセス中、jQuery.html() は現在のノードの HTML コードを取得しますが、現在のノード自体のコードは含まれません。場合によっては、それが本当に必要になりますが、その後でも取得する方法がありません。 jQuery API ドキュメントを調べてください。

現在の要素に兄弟要素がない場合は機能しますが、兄弟要素がある場合は機能しません。その後の実験により、この問題を解決できる jQuery メソッドがあり、それは次のように非常に簡単であることがわかりました。

jQuery.prop("outerHTML");

コードをコピー コードは次のとおりです:

こんにちは!

<スクリプト>
$(".test").prop("outerHTML");

出力結果は次のようになります:

こんにちは、こんにちは!

ネイティブ JS DOM には、現在のノード (現在のノードを含む) の HTML コードを取得するための組み込み属性 externalHTML があるため (大文字と小文字を区別することに注意してください)、jQuery のprop() を使用して取得します。はい、実験した結果、attr() メソッドは取得できません。信じられない場合は、試してみてください。

もちろん、jQuery の clone() 関数を append() と組み合わせて使用​​して、子要素を 1 つだけ持つノードを作成し、そのノードの html を取得する人もいます。これも可能ですが、コードが煩雑になります。