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

你的代码的问题在于你创建了$n，但是使用 n(注意废弃的$).

你也可以使用隐式循环:

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