Question

循环并同时输出2个数组的值的最佳方法是什么？

这里两个数组的值分别引用另外两个名为images和details的数组的键位置。因此，循环不应该输出这些数组的整数值，而是分配给引用数组中相关键的值。

var imgindex = [0,1,3];
var detailindex = [2,4,6];
$(imgindex).each(function(i, o) {
    $("#row").append("<img src='" + images[o] + ".png'/><div>" + details[o] + "</div>);
} );

Answer 1

在一个数组上调用$each并使用index来获取元素。

$(imgIndices).each(function(index, elem) {
    $("#row2-detail").append("<img src='{$base_dir_ssl}img/cms/" + images[imgIndices[index]] + ".png'/><div>" + details[detailIndices[index]] + "</div>");
 });

此处detailsIndices[index]会为details数组提供索引。

Answer 2

你可以这样做：

var imgIndices = [0,1,15,16,17,18];
var detailIndices = [3,11,2,4,10,5];
$(imgIndices).each(function(i, o) {
    $("#row2-detail").append("<img src='img/cms/" + imgIndices[i] + ".png'/><div>" + detailIndices[i] + "</div>");
});

i 索引且o 值。

<强> DEMO

您的代码中有错误。 "遗失了。和images和details以及未定义。

$("#row2-detail").append("<img src='{$base_dir_ssl}img/cms/" + images[o] + ".png'/><div>" + details[o] + "</div>);
                                                                                                               ^^

同时循环通过两个数组

2 个答案: