javascript - エスケープされたouterHTMLを変数に取得する

Question

outerHTMLタグが でエスケープされた div#content を.text()、次のような変数に取得したい:

var divContent = $('div#content')[0].text();

しかし、それは型エラーで爆発します:TypeError: $(...)[0].outerHTML.text is not a function

誰かがこれを行うための最良の方法を提案できますか?

ありがとう

Answer 1

ここで用語を混乱させているようです。.text()これは、セレクターが一致する各要素の結合されたテキスト コンテンツを取得する jquery メソッドです。

outerHTMLその子孫を含む要素を記述するシリアライズされた HTML フラグメントを取得します。

そう：

var divContent = $('div#content')[0].outerHTML

また

var divContent = $('div#content').text();

テキストを「エスケープ」するには、次のようにescapeandunscapeを使用できます。encodeURIComponentdecodeURIComponent

var escaped = escape(divContent);
var encoded = encodeURIComponent(divContent);