javascript - jQuery: `:eq(i) ` 选择

Question

我正在尝试为 10 个 div 类 hi 分配不同的高度。

我知道我可以这样做。

$(".hi:eq(0)").css("height",n[0]);
$(".hi:eq(1)").css("height",n[1]);
$(".hi:eq(2)").css("height",n[2]);
   ..........
$(".hi:eq(9)").css("height",n[9]);

但是，当我尝试使用 for 循环生成它们时，它不起作用。

for (i=0;i<10;i++){

$(".hi:eq(i)").css("height",n[i]);

}

这也不是。

var i=0;
$(".hi:eq(i)").css("height",n[i]);

:eq(i) 一定有问题。

Answer 1

此问题是 JavaScript 没有字符串插值。

但是这样做......

$(".hi").slice(0,10)
        .css('height', function(i) { 
            return n[i]; 
        });

这比使用非标准选择器重复 DOM 选择效率远。

• .slice(0,10) 将为您提供前 10 个元素

作为第二个参数传递的函数的

• .css() 会将返回值分配给迭代中当前元素的 height css 属性。当前迭代的索引由i参数表示。