Question

嘿，当我到达一个特定的div时，我写了一个小的JS来翻转元素，这很好。我只想翻转其中一个元素，但我试图避免在标记中提供该元素和额外的id或class，因为它是基于cms的内容。

我怎样才能告诉JS只将其应用于第8个元素？

JavaScript的：

function flip_scroll() {
      var window_top = $(window).scrollTop();
      var Services = $('.c-services').offset().top;
      if (window_top > Services)
      $(".c-services__item").addClass("applyflip");
    else
      $(".c-services__item").removeClass("applyflip");
  }
     $(function() {
      $(window).scroll(flip_scroll);
      flip_scroll();

});

Answer 1

您可以使用jQuery＆＃39; nth-child-selector

Answer 2

我刚刚在文件中看到了，因为@nickroz指出，谢谢： - ）

https://api.jquery.com/nth-child-selector/

 function flip_scroll() {
          var window_top = $(window).scrollTop();
          var Services = $('.c-services').offset().top;
          if (window_top > Services)
          $(".c-services__item:nth-child(8)").addClass("applyflip");
        else
          $(".c-services__item:nth-child(8)").removeClass("applyflip");
      }
         $(function() {
          $(window).scroll(flip_scroll);
          flip_scroll();

    });

如何在JS中仅选择类的第n个子节点？

2 个答案: