Question

我正在尝试遍历一个数组，然后遍历一个列表。

我遇到的问题是每个<li>整个数组都被追加，但我需要发生的是数组的索引（0）被添加到第一个li，索引（1）到第二个李等等。

代码：

// Create our test array.
var arrValues = [ "one", "two", "three" ];

// Loop over each value in the array.
$.each(arrValues,function( intIndex, objValue ){
    $("#list span").each(function() {
        $(this).append(objValue);
    });
});

当前输出：

<ul id="list">
        <li>Content 1 here<span>onetwothree</span></li>
        <li>Content 2 here<span>onetwothree</span></li>
        <li>Content 3 here<span>onetwothree</span></li>
    </ul>

必需的输出：

<ul id="list">
        <li>Content 1 here<span>one</span></li>
        <li>Content 2 here<span>two</span></li>
        <li>Content 3 here<span>three</span></li>
    </ul>

感谢任何帮助：）

Answer 1

这样做：

var arrValues = [ "one", "two", "three" ];

$("#list span").each(function(index) {
    $(this).append(arrValues[index]);
});

Answer 2

我认为这将是一种更容易实施的方式：

    $("#list span").each(function( intIndex, objValue ){
        $(this).append(arrValues[intIndex]);
    });

您目前遇到的问题是您正在遍历数组（3次迭代），每次迭代都循环遍历整个<span>次，因此共有9次迭代。

循环遍历数组并检索值

2 个答案: