Избегайте html() заменить существующие элементы

Question

Я использую метод .html() для добавления нескольких изображений в div.

$('#info').html('<img class="catalog/chair.jgp"/><img class="catalog/chair2.jgp"/>'); 

Но он заменяет существующие элементы div и добавляет новые изображения/контент.

Как добавить изображение вместо замены уже существующих элементов?

Answer 1

Вот где .append()/.prepend() используется:

$('#info').append('<img class="catalog/chair.jgp"/><img class="catalog/chair2.jgp"/>'); 

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

var $html = $('#info').html()+'<img class="catalog/chair.jgp"/><img class="catalog/chair2.jgp"/>' 
$('#info').html($html); 

Answer 2

Вместо этого использовать append().

$('#info').append('<img class="catalog/chair.jgp"/><img class="catalog/chair2.jgp"/>'); 

Answer 3

Необходимо, чтобы код append() был HTML.

Нравится это.

$('#info').append('<img class="catalog/chair.jgp"/><img class="catalog/chair2.jgp"/>'); 

Answer 4

В равнине JS

var img = document.createElement('img') 
img.src = 'catalog/chair.jpg' 
document.getElementById('info').appendChild(img) 

JQuery, конечно, имеет свои собственные запутанные причуды о том, как сделать что-то очень стандартный (это, вероятно, имеет версию короче руки, а я понятия не имею, Я стараюсь избегать его)

var img = $('<img>') 
img.attr('src', 'catalog/chair.jpg') 
img.appendTo('#info') 

Answer 5

append просто попробовать

, если вы действительно не знаете, белый на ваше делание, бережное использование HTML («») (не HTML())