Наведите указатель мыши на класс в двух таблицах?

Question

<table border=2> 
    <tr class="here1 yes"> 
     <td>aaa1</td><td>bbb1</td> 
    </tr> 
    <tr class="here2 yes"> 
     <td>aaa2</td><td>bbb2</td> 
    </tr> 

    <tr class="here55 yes"> 
     <td>aaa3</td><td>bbb3</td> 
    </tr> 
</table> 


<table border=2> 
    <tr class="here1 yes"> 
     <td>ccc1</td><td>ddd1</td> 
    </tr> 
    <tr class="here2 yes"> 
     <td>ccc2</td><td>ddd2</td> 
    </tr> 

    <tr class="here55 yes"> 
     <td>ccc3</td><td>ddd3</td> 
    </tr> 
</table> 


.yes:hover { 
    background-color: red; 
} 

Прямой эфир: http://jsfiddle.net/KzzW8/

В приведенной выше таблице генерируется с помощью следующего PHP:

`<tr class="here<? echo $i ?> yes">` 

Я хотел бы MouseOver на TR.here1, чтобы включить содержимое любого TR.here1 к RED, где подчиненный TD является в группе: (aaa1, bbb1, ccc1, ddd1) независимо от того, в какой таблице он находится.

Я считаю, что для этого могу использовать jQuery. Это возможно?

Answer 1

http://jsfiddle.net/KzzW8/1/

$('tr').hover(function() { 
    var cls = $(this).prop('class').match(/here\d+/); 
    if (cls) { 
     $('.' + cls).addClass('hover'); 
    } 
}, function() { 
    $('.yes.hover').removeClass('hover'); 
});​ 

Так вы на события парения получить here* класс и применять класс .hover для всех строк с одинаковым классом. При наведении указателя - вы удаляете все дополнительные классы