如何在jQuery中添加div和多个图像

Question

我想在页面中添加一个div，然后使用jQuery将多个图像添加到它，我发现了一些方法here并试图实现它，但图像不出现，尽管div插入身体。

我想这样做。

 $(window).load(function(){ 

     $("<div/>", { 
      "id": "image", 
      "css": { "display" : "block"}, 
     }).appendTo("body"); 

     $("<img src='_ls-global/layout-images/layout.png'/>").appendTo("#image"); 
     $("<img src='_ls-global/layout-images/layout2.png'/>").appendTo("#image"); 

     }); 

请看最新的做法是什么。

谢谢。

Answer 1

$("<div/>", { 
    "id": "image", 
    "css": {"display" : "block"}, 
    html: $("<img src='_ls-global/layout-images/layout.png'/> 
      <img src='_ls-global/layout-images/layout2.png'/>") 
}).appendTo("body"); 

Answer 2

你有没有试过如下：

$('#image').prepend('<img src='_ls-global/layout-images/layout.png'/>') 

或

$('<img />') 
    .attr('src', '_ls-global/layout-images/layout.png') 
    .appendTo('#image')); 

Answer 3

尝试做以下（并确保你的图像路径是正确的）：

$(document).ready(function(){ 
var imageContainer = $('<div id="imageDiv"></div>'); 
var image1 = $('<img src="_ls-global/layout-images/layout.png" style="display:block"/>'); 
var image2 = $('<img src="_ls-global/layout-images/layout2.png" style="display:block"/>'); 
imageContainer.append(image1); 
imageContainer.append(image2); 
$('body').append(imageContainer); 
});