JQuery toevoegen Afbeelding binnenkant van DIV-tag

Ik heb een div-tag

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

Ik wil graag een afbeelding tag toevoegen in de div

Eindresultaat:

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

Antwoord 1, Autoriteit 100%

Hebt u het volgende geprobeerd:

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

Antwoord 2, Autoriteit 18%

MIJN 2 CENTEN:

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

Antwoord 3, Autoriteit 8%

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

U moet de documentatie hier lezen.

Antwoord 4, Autoriteit 3%

Als we de inhoud van <div>TAG willen wijzigen wanneer de functie image()wordt genoemd, moeten we dit doen:

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>

Antwoord 5, autoriteit 2%

Naast de post van Manjeet Kumar (hij had de verklaring niet)

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

Antwoord 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);
            }