2017-10-24 2 views
0

Ich habe eine etwas andere Anforderung. Bitte markieren Sie es nicht als Duplikat. Ich habe zwei Tabellen, die perfekt zueinander ausgerichtet sind. Jetzt, wenn ich auf eine bestimmte Zeile einer Tabelle klicke, zB: die erste Zeile. Die erste Zeile in der Tabelle sollte grün werden und auch die erste Zeile in der anderen Tabelle sollte grün werden, da die beiden Tabellen ausgerichtet sind, aber sie sind zwei getrennte Tabellen.jQuery: Farbe der Zeile in Tabellen ändern?

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

Der obige Code wird mir die Farbe meiner ersten Tabellenzeile grün helfen drehen, aber wenn ich die zweite Tabelle erste Reihe als auch grün machen will, wenn ich auf der ersten Zeile der ersten Tabelle klicken Wie kann ich machen?

+2

[ '.index()'] (https://learn.jquery.com/using-jquery-core/assessing-index /) und [': nth-child()'] (https://api.jquery.com/nth-child-selector/) – Blazemonger

+0

Wo ist Ihr HTML-Code? –

+0

Soll die Zeile Ihrer zweiten Tabelle nur geändert werden, wenn auf die erste Tabelle geklickt wird oder wenn auf eine der Tabellen geklickt wird? Hat Ihr Tisch eine Kopfzeile oder nur einen Körper? '# 000' ist nicht grün, meinst du' # 0F0' oder 'grün'? – Twisty

Antwort

2

den Index der angeklickten Zeile Erhalten von

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

und gelten für einen anderen Tisch wie diese

`$("table2 tr:nth-child("+index+")").css('background', 'green')` 
Verwandte Themen