Конвертировать набор 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

Я бы предложил создать временный контейнер, а затем получить 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 2

Если ваш набор состоит только из одного предмета, вы можете использовать старый Javascript:

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

Answer 3

может быть, вам нужен шаблонизатор на стороне клиента. проверить сообщение Клиент шаблонов с JQuery

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

Answer 4

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

Answer 5

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

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

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

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