Преобразование набора jQuery в HTML

Question

Учитывая набор результатов jQuery, как вы преобразовываете это обратно в простой HTML?

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

-

var $mySet = $('div'); 

Учитывая $mySet, как бы вы о возвращении в обычный HTML выше?

Answer 1

Если множество состоит ровно из одного элемента, вы можете использовать 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(); 

Если вы хотите HTML элемента, а также (непроверенные):

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

Кстати, здесь $ является частью имени переменной. Javascript не требует $, как в PHP, для имен переменных, но это не повредит.

Answer 3

Использование метода jQuery appendTo, если я хорошо понимаю, что вы подразумеваете под «возвратом к простому HTML выше».

Answer 4

я бы предложил создать временный контейнер, а затем захватывая html() этого нового контейнера:

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

может быть, что вы хотите это шаблонный движок на стороне клиента. проверить сообщение Client Templating with jQuery

Я использую его, и это довольно круто. Вы только что установили шаблон, который хотите использовать внутри div, тогда вы будете кормить его с помощью json object/array и все.