использование jQuery .each в переменной javascript перед добавлением на экран

Question

использование jQuery .each в переменной javascript перед добавлением на экран

0

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

Это то, о чем я думал...

$('.flipper', $html).each(function(){
    var frontContent    =   $(this).find('.front > .content');
    var backContent     =   $(this).find('.back > .content');
    $(this).append('<div class="background"><div class="content">' + frontContent.html() + '<div class="back">' + backContent.html() + '</div></div></div>');
    console.log($html);
});

это не работает - я думаю, потому что я пытаюсь обновить элемент на странице, а не один, хранящийся в переменной

Могу ли я использовать их каждый?

ура

Dan 24 окт. 2013, в 07:29

Источник

0

Пожалуйста, поделитесь соответствующим HTML
Arun P Johny 24 окт. 2013, в 05:27
0

такое $html является строковой переменной?
Arun P Johny 24 окт. 2013, в 05:28

Теги:

javascript

jquery

each

2 ответа

0

Попробуй это:

$($html).find('.flipper').each(....);

Andrew 24 окт. 2013, в 03:18

Ещё вопросы

Пожалуйста, поделитесь соответствующим HTML
такое $html является строковой переменной?

Arun P Johny · Accepted Answer · 2013-10-24T04-01-00.000Z

Похоже, что $ html является строкой, а не ссылкой на элемент dom... в этом случае изменения, внесенные в элементы цикла, не будут отражены в исходной строке.

Попробуйте что-нибудь вроде

var html = '';

var $html = $(html);
$('.flipper', $html).each(function () {
    var frontContent = $(this).find('.front > .content');
    var backContent = $(this).find('.back > .content');
    $(this).append('<div class="background"><div class="content">' + frontContent.html() + '<div class="back">' + backContent.html() + '</div></div></div>');
});

console.log($html[0].outerHTML);

Демо: скрипка

хм .. это не работает ... он не запускает каждый цикл ... но если у меня есть это var $ html = $ (html); console.log ($ html, "здесь"); он показывает каждый элемент в firebug, но затенен
@Dan Я получаю o / p как <div id="ct"><div class="flipper"><div class="front"><div class="content">front</div></div><div class="back"><div class="content">back</div></div><div class="background"><div class="content">front<div class="back">back</div></div></div></div><div class="flipper"><div class="front"><div class="content">front 2</div></div><div class="back"><div class="content">back 2</div></div><div class="background"><div class="content">front 2<div class="back">back 2</div></div></div></div></div> имеет фоновый div
это моя скрипка - jsfiddle.net/danwhitmarsh/Sfd87
@Dan в вашем случае вам нужно использовать .filter() вместо .find() так как flipper не является дочерним элементом ... попробуйте jsfiddle.net/arunpjohny/yB4WK/4
спасибо ... это сработало ... но как в конце каждого оператора я просто возвращаю весь $ html, чтобы я мог просто заменить html на $ html?
@Dan просто используйте html = $html[0].outerHTML; как jsfiddle.net/arunpjohny/yB4WK/6