Convierta un conjunto de jQuery en HTML

Question

Dado un conjunto de resultados de jQuery, ¿cómo lo convierte de nuevo en HTML sin formato?

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

-

var $mySet = $('div'); 

Dada $mySet, ¿cómo haría usted para volver a la versión HTML de arriba?

Answer 1

Si su conjunto se compone de un elemento, precisamente, puede utilizar Ye 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(); 

Si desea HTML del elemento, así (no probado):

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

Por cierto, aquí $ es parte del nombre de la variable. Javascript no requiere un $ como en PHP para nombres de variables, pero no hace daño tenerlo.

Answer 3

Usando el método jQuery appendTo, si entiendo bien lo que quiere decir con "volver al HTML plano anterior".

Answer 4

me gustaría sugerir la creación de un contenedor temporal, y luego agarrar el html() de ese nuevo contenedor:

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

tal vez lo que desea es un motor de plantillas del lado del cliente. echa un vistazo a la publicación Client Templating with jQuery

lo estoy usando y es muy bueno. Usted acaba de establecer la plantilla que desea utilizar dentro de un div, luego lo alimenta con un objeto/matriz json y eso es todo.