javascript - jQuery 乘 this.index

Question

尝试编写一个简单的 jQuery 函数，它将对象的索引乘以 20，并将该值作为 CSS 分配给top对象。因此，如果有 5 个对象，顶部的顶部值为 20，第二个的值为 40，第三个的值为 60，依此类推。这就是我所拥有的：

$('ul.nav li').each(function(){
    var $n = $('ul.nav li').index(this);
    $(this).css('top', 20 * n );
});

我究竟做错了什么？

Answer 1

index已由以下人员提供$.each：

$("ul.nav li").each(function(index){
  $(this).css( "top", 20 * ++index );
});

您的代码的问题是您是 creatin $n，但使用 n的是（注意被放弃的$）。

您还可以使用隐式循环：

$("ul.nav li").css("top", function(i){
  return 20 * ++i;
});