如何在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); 
});