javascript - jQuery - 是否可以在等式中使用第 n 个 child 数？

Question

好吧，这可能是个愚蠢的问题，但我有 10 个 h1 元素，我想在它们出现时逐渐淡出。

有没有可能有类似的东西

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

然后将其用作不透明度的值...

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

我意识到这段代码并没有真正起作用，但是有没有办法做到这一点，在变量或方程式中使用第 n 个 child 的数字？

Answer 1

您正在寻找的是 .each。您必须循环并应用。

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