jquery - 如何使用 jQuery 在其中添加 div 和多个图像

Question

我想在页面中添加一个 div，然后使用 jQuery 向它添加多个图像，我在这里找到了一些方法并尝试实现它，但图像没有出现，尽管 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);
});