jQuery div टैग के अंदर छवि जोड़ें

Question

मेरे पास एक div टैग है

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

मैं div के अंदर एक छवि टैग जोड़ना चाहूंगा

अंतिम परिणाम:

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

Answer 1

क्या आपने निम्नलिखित कोशिश की है:

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

Comments

मैं जोस बेसिलियो के ऊपर (पर्याप्त प्रतिनिधि नहीं) का जवाब नहीं दे सकता हूं, लेकिन परिशिष्ट इसे "जहां छवि है?" प्रेपेंड इसे पहले डाल देगा।

— Topher Fangio

मैं आपको प्रीपेंड का उपयोग करने के लिए उभारने वाला था, लेकिन मैंने देखा कि आप अपने चयनकर्ता में '#' याद कर रहे हैं ...

— बेन कोहलर

मैंने एपेंड के साथ बंदूक जंप की। अच्छी पकड़। +1

— जोस बेसिलियो

appendTo काम नहीं करता है ... कम से कम मेरे कोड में और इस धागे को पोस्ट करने से पहले ही मैंने इसे jQuery डॉक्स पेज पर पढ़ने के बाद उपयोग करना सही नहीं था।

— पॉजिटिव

.append () (.html) () छवि टैग जोड़ने के लिए, लेकिन छवि लोड नहीं हो रही है, हालांकि <img> टैग स्रोत के साथ ठीक से दिखाई देता है। इस पर कोई सुझाव?

— अनूपगौदर

Answer 2

मेरे 2 सेंट:

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

Comments

मैं $ ('<img>') उपयोग के इस जवाब cuz को पसंद कर रहा था।

— user734028

आप $ ('<img') के बाद विशेषताओं को भी जोड़ सकते हैं। attr ('id', 'themg))। attr (' src ',' theImg.png ')

— स्कॉट

Answer 3

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

आपको यहां प्रलेखन पढ़ने की आवश्यकता है ।

Answer 4

<div>जब भी image()हम फ़ंक्शन को टैग करना चाहते हैं, तो हमें इस तरह से बदलाव करना होगा:

जावास्क्रिप्ट

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

एचटीएमएल

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

Comments

मैं आपको कुछ स्पष्टीकरण जोड़ने का सुझाव देता हूं।

— ऑल्टर

यदि हम <div> टैग की सामग्री को बदलना चाहते हैं, जब भी फ़ंक्शन छवि () कहा जाता है। हमें ऐसा करना होगा / फंक्शन इमेज () {var img = document.createElement ("IMG"); img.src = "/images/img1.gif"; $ ( '# छवि') एचटीएमएल (img)। } <div id = "image"> </ div> <div> <a href="javascript:image();"> पहली छवि </a> </ div>

— मंजीत कुमार

Answer 5

मंजीत कुमार के पद के अलावा (उनके पास घोषणा नहीं थी)

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

Answer 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);

            }