jQuery - 式でn番目の子番号を使用することはできますか？

これはおそらくダムの質問ですが、私は10 h1の要素があり、徐々にそれらが現れてゆきます。jQuery - 式でn番目の子番号を使用することはできますか？

は、それは、私はこのコードが実際に動作しますが、そこではありません実現...

var opac = 1 - Number(n)/10;

のようなものを持ってして、不透明度の値としてそれを使用することも可能

$('h1:nth-child(n)').css('opacity', opac)

ですこれを行う方法は、変数または方程式のn番目の子の番号を使用しますか？

は.eachです。ループして適用する必要があります。

$('h1').each(function(index){ 
    var opacity = 1 - (index/10); 
    $(this).css("opacity",opacity); 
})

2017-08-12 02:19:51

不透明値の範囲は0〜1です。「10 - （index/10）」は範囲外の値になります。 –

@LouysPatriceBessetteそれは本当です。私にはタイプミスがあります。それは1です。 –

今、私はあなたの答えが私のものと異なる方法ではないと思います... –

No.

要素の表示方法についての知識はありません。
これは、スクリプトを使用して行う必要があります。

私はこれをお勧め：あなたが探しているものを

$("h1").each(function){ 
    var n = $(this).index(); 
    var opacity = 1 - (n/10); 
    $(this).css({"opacity":opacity); 
});

2017-08-12 02:18:32

答えて