Question

我尝试在javascript中创建图片，每个图片都必须在<li>元素内，图像的名称是一个数组。

我这样做

    var imagenes=[];

     var ruta= "images/proyectos/"+datos[0].nombre.replace(/ /g,"_")+"/";

    for(x=1; x<datos[0].imagenes_a_mostrar.length; x++){
        nombreimage=ruta + datos[0].imagenes_a_mostrar[x];

        var laimagen = new Image();
        laimagen.src=nombreimage;
        imagenes= this.$listado.append(laimagen);


    }

，其中

   this.$listado=$('<li></li>')

是列表

我在控制台图片中显示...我只有一个<li>并且在名称中就像这样

p.fn.p.init[1]
0: li
accessKey: ""

.....
innerHTML: "<img src="images/proyectos/Mercado_de_las_palmas_renovation/leisurehospitality.jpg"><img src="images/proyectos/Mercado_de_las_palmas_renovation/mixed-used.jpg">"
innerText: ""
isContentEditable: false
lang: ""
...

如何为图像获取两个li。

Answer 1

我不确定你是整个HTML，但代码应该是这样的;

var ruta= "images/proyectos/"+datos[0].nombre.replace(/ /g,"_")+"/";
var $ul = $(".ul-to-insert-li");
for(x=1; x<datos[0].imagenes_a_mostrar.length; x++){
    nombreimage=ruta + datos[0].imagenes_a_mostrar[x];

    var laimagen = new Image();
    laimagen.src=nombreimage;
    $ul.append($("<li>").html(laimagen));


}

$("<li>")部分创建jquery li元素并更改.html(laimagen)只需添加刚刚创建的图像。

Answer 2

之前创建<li>变量（this.$listado=$('<li></li>')）之前，您只会将每个图片添加到<li>。正如您所期望的那样，每次都不会重新创建<li>。

所以，而不是：

imagenes= this.$listado.append(laimagen);

使用此：

imagenes= $('<li>').append(laimagen);

该代码会将每个<img>附加到单独的<li>。

在<li> </li>里面的javascript中生成图片

2 个答案: