knitevision1
@knitevision1
Ванька Скайуокер

Как бесконечно вставлять HTML элементы через jQuery?

Здравствуйте.

var addedFoo = $( '<div class="foo">bar</div>'+
    			        '<div class="foo">bar</div'+
    			        '<div class="foo">bar</div' );

var addFooButton = $( '#add-foo' );

addFooButton.click(function(){
	        addedFoo.appendTo(this);
});


Работает, но добавляет элементы только один раз. А надо, чтобы мог добавлять хоть бесконечно.

Как реализовать? Через функцию и new ?
  • Вопрос задан
  • 2344 просмотра
Пригласить эксперта
Ответы на вопрос 2
@IoannGrozny
Front-end разработчик
Инициализируйте переменную addedFoo при клике. jsfiddle.net/jrtmtan8
Насколько я понимаю, append-методы не добавляют один и тот же элемент несколько раз. А вот в случае клика вызывается новая анонимная функция со своей областью видимости. Поэтому переменная в ней воспринимается как новая.
Ответ написан
еще вариант - клонировать елементы перед вставкой
addedFoo.clone().appendTo(this);
jsfiddle.net/whhk9thp
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы