jqueryの要素のタグANDの内容を返します。

Question

jQueryの.each（）呼び出しで返される要素のリストを反復処理しています。これを行うには、内容とタグが含まれている文字列を返します。要素。たとえば：

<div class="foo"> 
    <div class="bar">Blah blah</div> 
    <div class="bar">Blah blah</div> 
</div> 

If I ran a $('.bar').each(function()) I want it to return 
'<div class="bar">Blah blah</div>' 

Answer 1

var tag = this.outerHTML || $('<div>').append($(this).clone()).html(); 

それが利用可能である場合、これはそれ以外の場合は、新しい<div>を作成し、ブラウザのouterHTMLプロパティを使用していますが、要素のクローンを作り、内部にそれを置き、そして<div>の.html()のget。

Answer 2

親ノードのhtmlが必要です。

$('.bar').each(function() { alert($(this).parent().html();) }); 

ですが、これはすべての兄弟ノードも取得しますが、あなたが見つけ、その後

$(this).get(0).outerHTML 

と

Answer 3

と実際のDOMノードをゲットすることができ、ここでこの答え：How do you convert a jQuery object into a string?

function stringElement(jqElement){ 
    return $('<div>').append(jqElement.clone()).remove().html(); 
}