表のx列にカーソルを置き、x要素を入力します。

私には、テーブルとその中にレットがあるsvgチャートがあります。

私はテーブルの最初の列にカーソルを置いて、グラフの最初の矩形を記入し、 テーブルの2番目の列にマウスを移動すると、2番目の矩形を塗りつぶします。

これが繰り返される2

これはうまくいきます:

    $('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" );
    });

しかし、私は自分自身を24回繰り返す必要があります。私はこの解決策を試した:

$('tr td:lt(24)').hover(
  function(){
    var index = $(this).index();
    $('rect').eq( index ).css("fill", "black" );
    },
  function(){
    var index = $(this).index();
    $('rect').eq( index ).css('fill', 'steelblue');
});

しかし、テーブルの上にマウスを置くと、テーブルの最初の行のtdだけが選択されます。

0
nl ru de
tr:lt(24)td を試しましたか?
追加された 著者 Explosion Pills,
あなたはそれが正しいアンサーだったことに感謝します:)
追加された 著者 user1386906,

1 答え

td:lt(24)の代わりに tr:lt(24)td を使用してください。 24番目の列ではなく、24番目の未満でなければなりません。

1
追加された