javascript - html要素を文字列として取得します

Question

重複の可能性：
jQuery、要素全体のhtmlを取得

私が持っているとしましょう：

<span>my span</span>

このスパンの文字列としてhtmlが欲しいのですが

私が使う：

var mySpan = $('span');

結果文字列として持つmySpan変数をどうするか"<span>my span</span>"

助けてくれてありがとう

Answer 1

これが役立つと思います：http：//jsfiddle.net/HxU7B/2/。

---

アップデート。

mySpan[0].outerHTML以前に選択されたノードを取得し、ネイティブouterHTMLプロパティを取得します。古いFirefoxバージョンにはそのプロパティがないため、少しハックしてhtmlを取得できます。ノードをダミーdivに複製してからこのdivのinnerHTMLを取得するだけです。$('<div/>').append(mySpan.clone()).html()

Answer 2

jQueryはそれを行うことができませんが、通常のJavaScriptDOMオブジェクトは次のことができます。

var mySpanString = $('span').get(0).outerHTML;

Answer 3

他の人が述べているように、 outerHTMLまたはclone -> append -> html()を使用できます

しかし、これを行う別の方法があります。

var nodeName = mySpan[0].nodeName.toLowerCase();
var outerHtml = "<"+nodeName +">"+mySpan.html()+"</"+nodeName +">";