Привет всем!
Javascript практически не знаю - такой вопрос:
Есть два разных элемента с разными id (#tr_1 и #rek_ban_1), надо при наведении курсора на один, чтобы назначался класс другому. И в обратном порядке. Всё работает, если прописать для каждых пар id, но их таких 5 штук. Вот код:
Код:
|
<table>
<tr id="tr_1">
<td>1</td>
<td class="td_left">Ячейка 1</td>
<td>-</td>
<td>00000000</td>
</tr>
<tr id="tr_2">
<td>2</td>
<td class="td_left">Ячейка 2</td>
<td>-</td>
<td>000000000</td>
</tr>
</table>
<div id="rek_right">
<div id="rek_ban_1"></div>
<div id="rek_ban_2"></div>
</div> |
Яваскрипт:
var n = [1,2,3,4,5];
$('#tr_'+n).mouseenter(function(){
$('#rek_ban_'+n).addClass('b_select')
}).mouseleave(function(){
$('#rek_ban_'+n).removeClass('b_select')
});
$('#rek_ban_'+n).mouseenter(function(){
$('#tr_'+n).addClass('t_select')
}).mouseleave(function(){
$('#tr_'+n).removeClass('t_select')
});