javascript - 使用 Jquery 将鼠标悬停在元素的前 24 个子元素上

Question

我想在前 24 个子元素上添加悬停，以在其他元素的 24 个单独元素上添加填充。

像这样:

$('tr td:nth-child(1)').mouseover(function(){
  $('rect:nth-of-type(1)').css("fill", "black" );
});

$('tr td:nth-child(2)').mouseover(function(){  
  $('rect:nth-of-type(2)').css("fill", "black" );
});

$('tr td:nth-child(3)').mouseover(function(){
  $('rect:nth-of-type(3)').css("fill", "black" );
});

但我不想重复自己 24 次。处理此问题的最佳方法是什么？

Answer 1

看看 lt 选择器:

$('tr td:lt(24)')

http://api.jquery.com/lt-selector/