javascript - jQuery 乗算 this.index

Question

オブジェクトのインデックスを 20 倍し、その値を CSS としてオブジェクトに割り当てる単純な jQuery 関数を作成しようとしてtopいます。したがって、オブジェクトが 5 つある場合、上部の値は 20、2 番目の値は 40、3 番目の値は 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;
});