如何在动态创建的div中添加图像？

我我的javascript用下面的代码中创建一个动态的div：如何在动态创建的div中添加图像？

var div = $('<div id="a1"></div>').html("<font color=green>This is demo</font>");

我想补充本文动态创建的DIV中上方的图像，但我没有得到如何实现它。

我使用for循环创建动态div，并且想要在其中同时添加图像。

for(var i=0; i<size; i++) 
    { 
     //alert("Title for zeroth manual is: "+result.manuals[i].title); 
     var div = $('<div id="a1"></div>').html("<font color=green>This is demo..</font>"); 
     $('#a1').prepend("<img src='iphone.png' />"); 
     $('#data').append(div); 
    }

我该怎么做？请帮忙。

来源

2013-10-07 AppleBud

其实，我想用 “格” 变量名插入的图像。我尝试追加，但没有得到预期的结果。我这样做是为了在辅助div中添加文本：$（'＃data'）。append（div）; – AppleBud

这个选择器是否工作$（'

'），我认为它sh $ b（'＃a1'）。它对我来说是新的。 – Neeraj

我试过这个Neeraj。没有工作。 – AppleBud

我想这和它的工作对我来说很好。

var elem = document.createElement("img"); 
 
     elem.setAttribute("src", "http://img.zohostatic.com/discussions/v1/images/defaultPhoto.png"); 
 
     elem.setAttribute("height", "30"); 
 
     elem.setAttribute("width", "30"); 
 
     document.getElementById("maindiv").appendChild(elem);

来源

2016-05-03 11:49:36 Hanna

这可能工作我认为 –

var div = $('<div id="a1"></div>'); 
div.html("<font color=green>This is demo</font>"); 
div.prepend('<img src="...">');

来源

2013-10-07 10:29:01 Sanjo

这适用于单个div，但是当我尝试使用循环创建div时，它仅将图像插入到一个div中。我将分享该代码。 – AppleBud

@AppleBud创建一个具有相同ID的多个div是非常糟糕的主意。这也不是你问题的一部分。 –

@AppleBud你需要在你的DIV文件中插入一个点。 – Sanjo

（编辑对这个问题的编辑）

您可以简单地把它添加到html：

for(var I = 0; I < size; I++) { 
    //alert("Title for zeroth manual is: "+result.manuals[I].title); 
    var div = $('<div id="a'+ I + '"></div>').html('<img src="iphone.png" /><font color="green">This is demo..</font>'); 
    $('#data').append(div); 
}

你需要不同的ID为您的div（id为现在a1，a2，...）

来源

2013-10-07 10:29:21 Raidri

-1

我相信你指的不正确。

尝试$("div#a1").html....

这就是所谓的选择。将用于阅读他们。

来源

2013-10-07 10:30:34

OP创建了一个div，并没有选择一个 –

@ChrisC感谢downvote。OP表示他想添加他创建的div，所以为了增加它，你首先需要选择它。 –

这是我该怎么做的。

var div = $('<div/>',{id:"a1"}); 
$("<font/>",{color:"green"}).html("This is demo").appendTo(div); 
div.prepend('<img/>',{src:"test.jpg"});

来源

2013-10-07 10:33:41

谢谢克里斯...它的工作。 :) – AppleBud

var div = $('<div id="a1"></div>').html("<img src='iphone.png' /><font color=green>This is demo</font>"); 

$('#test').append(div);

来源

2013-10-07 10:35:53 Outlooker

尝试 -

for(var i = 0; i < size; i++) { 
    var fontObj = $('<font color=green>This is demo..</font>'); 
    var imgObj = $('<img src=".."/>'); 

    var divToInsert = $('<div id="a' + i + '"/>'); 

    imgObj.appendTo(divToInsert); 
    fontObj.appendTo(divToInsert); 

    $('#data').append(divToInsert ); 
}

希望工程:)

来源

2013-10-07 13:39:45

如何在动态创建的div中添加图像？

回答

相关问题