javascript - 使用 jquery 修改列表中的第 n 个 li

Question

我正在尝试一些非常基本的东西，但我就是想不通为什么这行不通。 我可以使用 [i] 获取有关对象的信息，但我不能通过这种方式更改数据？

    // Make all the li's invisible
$('div#rotator ul li').css({opacity: 0.0});

// Calculate a random number between 1 and 3
var randnr = Math.floor((1-4)*Math.random()) + 4;

for(var i = 0; i < $('#rotator ul li').length; i++) {

            // Make the i element appear
    $('#rotator ul li')[i].css({opacity: 1.0});
}

Answer 1

jQuery 对象是类数组对象，可以用作原始 DOM 元素的数组。
因此，$(...)[i] 获取第 i 个原始 DOM 元素，而不是包含它的 jQuery 对象。

要获取包含第 i 个元素的 jQuery 对象，请调用 .eq() method ，像这样:

$('#rotator ul li').eq(i).css({opacity: 1.0});

您还可以使用 :eq selector :

$('#rotator ul li:eq(i)').css({opacity: 1.0});

---

但是，您根本不需要循环；您可以一次隐藏所有元素:

$('div#rotator ul li').css({opacity: 1.0});