Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Назначение класса элементу с id при наведении курсора на другой id (https://javascript.ru/forum/events/54685-naznachenie-klassa-ehlementu-s-id-pri-navedenii-kursora-na-drugojj-id.html)

freddie 27.03.2015 18:46

Назначение класса элементу с 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')
    });

:help:

laimas 27.03.2015 22:27

Средствами CSS никак?


Часовой пояс GMT +3, время: 15:30.