javascript - 根据最高排名添加类别

我在图像上方设置了工具提示。当用户单击这些工具提示之一时，将打开一个内容以显示一些信息。

我想向上或向下滑动内容，具体取决于工具提示的位置（绝对）。因此，我尝试获取“最高”值，如果该值大于50，请添加一个类，然后使用CSS整理其余部分。

问题是我总是只获得第一个元素的“最高”值。现在，我尝试添加一个each函数，这使我看起来似乎是所有工具提示顶部位置的平均值？

$( ".tooltip" ).each(function() {
  var toppos = $(".tooltip").css("top");
  if ( parseInt(toppos) >= 50 ) {
    $(this).addClass('higher');
  }
});

我要么使用每个错误，要么每个都不是我该去的地方...

最佳答案

定位当前的工具提示而不是所有工具提示：

$( ".tooltip" ).each(function() {
  var toppos = $(this).css("top");// Use $(this) instead of $('.tooltip')
  if ( parseInt(toppos) >= 50 ) {
    $(this).addClass('higher');
  }
});

您也可以尝试使用offset（）。top代替css（'top'）：

var toppos = $(this).offset().top;