javascript - 遍历数组并检索值

Question

我试图循环一个数组，然后循环一个列表。

我遇到的问题是每个 <li>正在追加整个数组，但我需要做的是将数组的索引 (0) 添加到第一个 li，将索引 (1) 添加到第二个 li，依此类推。

代码:

// 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]);
});