javascript - Jquery で要素の HTML ソースを取得できますか?

Question

かなり奇妙な要求だと思いますが、Jquery セレクターが与えられた場合、たとえば、その HTML のエスケープ バージョンをページに戻すことができるように、アイテム (およびその子) の生の HTML を取得できますか?

オブジェクトから HTML を返す方法がわかりません。

これを行うための単純な DOM 標準の方法もあれば、私はそれで満足しています。

---

「ああ、なぜそれをGoogleにしなかったのですか」に対処するように編集します：Google it. Jquery を取得する.html()と、オブジェクトの内部 HTML が得られます。たとえば、あなたが持っているとしましょう：

<div id="pants">naughty bits</div>

.html()のみを返しnaughty bitsます。私が探している出力は<div id="pants">naughty bits</div>

Answer 1

はい、jquery の html() メソッドは、すべてのタグを文字列として含む html データを返します: 例:

HTML ソース

<div id="DivId">
    <p> This is html concept </p>
    <br/>
    <p> This is jquery concept. </p>
</div>

Jquery コード

var htmlString=$("#DivId").html();

返される結果: htmlString:

    <p> This is html concept </p>
    <br/>
    <p> This is jquery concept. </p>

Answer 2

Jquery セレクターが与えられた場合、アイテム (およびその子) の生の HTML を取得できますか?

.html()メソッドを使用して値を取得します。

var htmlOutput = $('#myselector').html();

...たとえば、その HTML のエスケープ バージョンをページに戻すことができますか?

メソッドを使用して.text()、文字列をプレーン テキストとして設定します。

$('#anotherselector').text(htmlOutput);

(つまり、jQuery は完全にエスケープします。手動で行う必要はありません)。

Answer 3

はい、その使用の可能性html()

var source=$('#ID').html()