2017-10-24 14 views
0

私は少し違う必要があります。重複としてマークしないでください。 私はお互いに完全に位置合わせされた2つのテーブルを持っています。今、たとえば、テーブルの特定の行をクリックすると:最初の行。テーブルの最初の行は緑色に変わり、もう一方の表の最初の行も緑色に変わり、両方の表が整列していると言われますが、2つの別々の表になります。jQuery:テーブルの行の色を変更しますか?

$('#myTable1').bind('click', function(e) { 
    $(e.target).closest('tr').children('td,th').css('background-color','#000'); 
}); 

上記のコードは私が緑に私の最初のテーブルの行の色を回すのに役立ちますが、私は同様に第二のテーブルの最初の行をしたい場合、私はどのようにすることができ、最初のテーブルの最初の行をクリックしたときに緑色に点灯します行う?

+2

ように別のテーブルに適用/ using-jquery-core/understanding-index /)と[':nth-​​child()'](https://api.jquery.com/nth-child-selector/) – Blazemonger

+0

あなたのHTMLコードはどこですか? –

+0

最初のテーブルがクリックされたとき、またはいずれかのテーブルがクリックされたときにのみ、2番目のテーブルの行を変更しますか?あなたのテーブルにはヘッダーか本体だけがありますか? '#000'は緑色ではなく、'#0F0'または 'green'を意味しましたか? – Twisty

答えて

2

https://learn.jquery.com([ `.INDEX()`]

`var index = $("table1 tr").index(this);` 

でクリック行のインデックスを取得し、この

`$("table2 tr:nth-child("+index+")").css('background', 'green')` 
関連する問題