Показать сообщение отдельно
  #1 (permalink)  
Старый 27.03.2015, 18:46
Новичок на форуме
Отправить личное сообщение для freddie Посмотреть профиль Найти все сообщения от freddie
 
Регистрация: 27.03.2015
Сообщений: 1

Назначение класса элементу с id при наведении курсора на другой id
Привет всем!
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')
    });

Ответить с цитированием