JQuery добавить изображение внутри тега div

У меня есть тег div

<div id="theDiv">Where is the image?</div>

Я хотел бы добавить тег изображения внутри div

Конечный результат:

<div id="theDiv"><img id="theImg"  src="theImg.png" />Where is the image?</div>

Ответ 1

Вы пробовали следующее:

$('#theDiv').prepend('<img id="theImg" src="theImg.png" />')

Ответ 2

мои 2 цента:

$('#theDiv').prepend($('<img>',{id:'theImg',src:'theImg.png'}))

Ответ 3

$("#theDiv").append("<img id='theImg' src='theImg.png'/>");

Вам нужно прочитать документацию здесь.

Ответ 4

Если мы хотим изменить содержимое тега <div> всякий раз, когда вызывается функция image(), мы должны сделать так:

Javascript

function image() {
    var img = document.createElement("IMG");
    img.src = "/images/img1.gif";
    $('#image').html(img); 
}

HTML

<div id="image"></div>
<div><a href="javascript:image();">First Image</a></div>

Ответ 5

В дополнение к сообщению Manjeet Kumar (у него не было декларации)

var image = document.createElement("IMG");
image.alt = "Alt information for image";
image.setAttribute('class', 'photo');
image.src="/images/abc.jpg";
$(#TheDiv).html(image);

Ответ 6

var img;
for (var i = 0; i < jQuery('.MulImage').length; i++) {
                var imgsrc = jQuery('.MulImage')[i];
                var CurrentImgSrc = imgsrc.src;
                img = jQuery('<img class="dynamic" style="width:100%;">');
                img.attr('src', CurrentImgSrc);
                jQuery('.YourDivClass').append(img);

            }

Ответ 7

Я столкнулся с подобной проблемой. Изображение не загружалось, хотя элемент был загружен в DOM. Поэтому я нашел взломать с помощью setTimeout. Найдите пример ниже.

var image = document.createElement('img');
image.setAttribute('height', '90px');
image.setAttribute('width', '160px');
image.setAttribute('alt', 'Image here');
jQuery('.messages');.append(image);
setTimeout(function(){
  image.setAttribute('src', data.fileSrc);
}, 1000);

Это работало для меня.