Konvertieren eines jQuery-Sets in HTML

Question

Wie können Sie ein jQuery-Ergebnisset in reines HTML konvertieren?

<div class="abc"> 
    foo <strong>FOO</strong> 
</div> 
<div class="def"> 
    bar 
</div> 

-

var $mySet = $('div'); 

Da $mySet, wie würden Sie gehen über die oben auf die einfache HTML-Rückkehr?

Answer 1

Wenn Ihr Satz von genau einem Punkt besteht, können Sie sie verwenden olde Javascript:

var html = $mySet[0].outerHTML; // note HTML is all caps... that always burns me 

Answer 2

var $mySet = $('div'); 
var html = $mySet.html(); 

Wenn Sie das Element HTML wollen auch (nicht getestet):

var $mySet = $('div'); 
var html = $mySet.clone().wrap('<div></div>').html(); 

By the way, hier ist $ Teil des Variablennamens. Javascript benötigt kein $ wie in PHP für Variablennamen, aber es tut nicht weh, es zu haben.

Answer 3

Verwenden Sie die jQuery appendTo Methode, wenn ich gut verstehe, was Sie meinen, indem Sie "zurück zum einfachen HTML oben".

Answer 4

Ich würde vorschlagen, einen temporären Container erstellen, dann die html() dieses neuen Container greifen:

var html = $('<div>').append($('div').clone()).html(); 
alert(html); 

// alerts: 

<div class="abc"> 
    foo <strong>FOO</strong> 
</div><div class="def"> 
    bar 
</div> 

Answer 5

vielleicht, was Sie wollen, ist eine clientseitige Template-Engine. überprüfen Sie den Beitrag Client Templating with jQuery

ich benutze es und es ist ziemlich cool. Sie legen nur die Vorlage, die Sie in einem Div verwenden möchten, dann füttern Sie es mit einem JSON-Objekt/Array und das ist es.