jQueryオブジェクトをHTML文字列に変換したり戻したりする方法 | PisukeCode - Web開発まとめ

jQueryオブジェクト ⇒ HTML文字列 HTML文字列 ⇒ jQueryオブジェクト このように互いに変換したい場合、いくつかのjQuery関数を組み合わせて使えば簡単に変換可能です。 ということでここではその変換テクニックについて詳解していきます。 jQueryオブジェクトをHTML文字列に変換する方法 まず初めはjQueryオブジェクトを文字列としてのHTMLに変換する方法 その変換は次のような手順で可能です。 変換したい要素を入れるダミーの要素を作る 要素をclone関数でコピーしてダミー要素に挿入 html関数でダミー要素内部のHTML取得 clone関数というのはあるjQueryオブジェクトのディープコピーを取得できる関数です。 それでこの関数と要素内部のhtmlを取得できるhtml関数をうまく組み合わせれば変換できます。 では具体的な例を使って説明しましょう。 例えば次が

[letitride]

JQueryのDOMオブジェクトをHTML文字列に変換する方法を調べて辿り着いた。$.html()は何故か対象の子要素以降を変換するので、dummy要素でwrapする手法。ハマっていたので助かった。