javascript - 应该插入的动态类未插入

Question

基本上，我想为每个列表项添加一个类，每个类都必须特定于一个“房子”。所以，我创建了一个数组来存储所有的房子，一切似乎都很好。问题似乎出在最后一个 for 循环中，其中添加了类，它们的值是存储在先前 houseColours[] 数组中的值:但是，当我查看控制台时，没有插入类。

更奇怪的是，如果我通过执行以下操作在控制台中手动插入一个类:

$('li:eq(0)').addClass(houseColours[0]);

...它工作得很好。可能是什么问题呢？谢谢。

function chart()
    {
        houseColours = [];
        var html = "<ol start='0'>";
        for (var i = 0; i < shuttle.seats.length; i++)
        {
            if (shuttle.seats[i] == null)
            {
                html += "<li>Empty Seat</li>";
            }
            else
            {
                for (var j = 0, n = PASSENGERS.length; j < n; j++)
                {
                    if (shuttle.seats[i] == PASSENGERS[j].name)
                    {
                        var house = PASSENGERS[j].house;
                        break;
                    }
                }
                houseColours.push(house);

            html += "<li>" + shuttle.seats[i] + ' at ' + house + "</li>";
        }
    }
    html += "</ol>";

    $("#chart").html(html);

    for (var k = 0, banners = houseColours.length; k < banners; k++)
    {
        $('li:eq(k)').addClass(houseColours[k]);
    }
}

Answer 1

在你的选择器中，$('li:eq(k)') k 是选择器字符串的一部分，你应该将它用作变量(外部字符串)，如下所示:

$('li:eq(' + k + ')').addClass(houseColours[k]);

最好用.eq方法而不是 :eq选择器，但是:

$('li').eq(k).addClass(houseColours[k]);