jdiv 태그 내부에 이미지 추가 쿼리

jdiv 태그 내부에 이미지 추가 쿼리

디브 태그가 있습니다.

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

div 내부에 이미지 태그를 추가하고 싶습니다.

최종 결과:

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

다음을 시도해 보셨습니까?

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

내 2센트:

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

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

여기서 설명서를 읽어보셔야 합니다.

만약 우리가 내용을 바꾸고 싶다면,<div>함수가 있을 때마다 태그 지정image()라고 불리는, 우리는 다음과 같이 해야 합니다.

자바스크립트

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>

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

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

            }

이것이 가장 좋은 방법입니다.

달러(약)겉치레를 하다

언급URL : https://stackoverflow.com/questions/941206/jquery-add-image-inside-of-div-tag