使用两个文件路径JQuery动态创建列表项

好的，我会尽我所能解释这一点

我想做什么

是创建一个Jquery函数，它将从两个不同的文件夹中创建一个列表，这样最多可以为30个图像提供类似的内容

<div id="box">
    <ul>
      <li><a href="images/test1.jpg"><img src="imagesthumbs/test1.jpg" alt="" /></a></li>
      <li><a href="images/test2.jpg"><img src="imagesthumbs/test2.jpg" alt="" /></a></li>
      <li><a href="images/test3.jpg"><img src="imagesthumbs/test3.jpg" alt="" /></a></li>
    </ul>
</div>

有可能吗？最简单的写作方法是什么

谢谢

嘘

…已添加到您的

ul

假设在html页面中有一个id为“box”的

div

包含

ul

，您可以使用如下内容调用它：

<script>
$(function() { // wrapping it this way ensures the page is loaded and the elements exist
  addItems(5);
});
</script>

$（function（）{//以这种方式包装它可以确保加载页面和元素
增补（5）；
});

假设您有两个数组作为两个不同的文件夹。你可以试试这个

var images = ["test1.jpg", "test2.jpg"];
var imagesthumbs = ["test1.jpg", "test2.jpg"];

var ul = $("<ul/>");
$.each(images, function(i, val){
   $("<li/>")
   .append($("a", {href:"images/"+val}).append("img", {src:imagesthumbs[i], alt:""}))
   .appendTp(ul);
});

$("#box").append(ul);

var-images=[“test1.jpg”、“test2.jpg”]；
var imagestumbs=[“test1.jpg”、“test2.jpg”]；
var ul=$（“
”）；
$。每个（图像、函数（i、val）{
美元（“
”）
.append（$（'a'，{href:“images/”+val}）.append（'img'，{src:imagestumbs[i]，alt:“}））
.附录TP（ul）；
});
$（“#框”）。附加（ul）；

为什么要使用first（）方法？您不必要地创建了额外的jQuery对象。@avall-如果有多个子对象，您能解释一下为什么这样做吗？以后我可以在其他地方应用它

<script>
$(function() { // wrapping it this way ensures the page is loaded and the elements exist
  addItems(5);
});
</script>

var images = ["test1.jpg", "test2.jpg"];
var imagesthumbs = ["test1.jpg", "test2.jpg"];

var ul = $("<ul/>");
$.each(images, function(i, val){
   $("<li/>")
   .append($("a", {href:"images/"+val}).append("img", {src:imagesthumbs[i], alt:""}))
   .appendTp(ul);
});

$("#box").append(ul);