Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Одна функция, на два элемента (https://javascript.ru/forum/jquery/53962-odna-funkciya-na-dva-ehlementa.html)

Vanguger 25.02.2015 18:01

Одна функция, на два элемента
 
Здравствуйте, подскажите пожалуйста, как реализовать следующее. Имеется код:
<div id="raskid" class="opclose"></div>

$( '#raskid' ).on( 'click', function( event ) { alert("...тут вместо alert, длинный скрипт выполнения..."); } );


Мне нужно добавить ещё один блок, чтобы одна и та же функция выполнялась при нажатии на любой из блоков:
<div id="raskid" class="opclose"></div>
...
<div id="raskid"></div>

рони 25.02.2015 18:09

Vanguger,
замените
Цитата:

Сообщение от Vanguger
'#raskid'

на ".opclose"

join 25.02.2015 20:14

zoooo.............m
 
Цитата:

Сообщение от Vanguger (Сообщение 358415)

Мне нужно добавить ещё один блок, чтобы одна и та же функция выполнялась при нажатии на любой из блоков:
<div id="raskid" class="opclose"></div>
...
<div id="raskid"></div>

уникальный id лучше только один на странице. два одинаковых - нет.

лучше так: raskid1 , raskid2

Vanguger 25.02.2015 22:51

Цитата:

Сообщение от join (Сообщение 358448)
уникальный id лучше только один на странице. два одинаковых - нет.

лучше так: raskid1 , raskid2

Спасибо за ответ! В этом случае, я так понимаю, будут две функции, с одинаковым телом внутри, это я знаю как сделать. Только тело это длинное, а два одинаковых тела, длиннее в два раза, уже не айс. Хотелось бы по компактнее, обрабатывать, два элемента, одной функцией.

А можно ли raskid1 и raskid2 запихнуть в одну обработку?

рони 25.02.2015 23:00

Цитата:

Сообщение от Vanguger
А можно ли raskid1 и raskid2 запихнуть в одну обработку?

$( '#raskid1, #raskid2' ).

Vanguger 25.02.2015 23:43

Цитата:

Сообщение от рони (Сообщение 358476)
$( '#raskid1, #raskid2' ).

"Всё гениальное - просто!". Вот Рони, это хороший совет! Обещаю, судьба тебя отблагодарит :)

Всё оказалось просто и прекрасно заработало, вот так:

<div id="raskid1" class="opclose"></div>
...
<div id="raskid2"></div>

<script>
$( '#raskid1, #raskid2' ).on( 'click', function( event ) { ...тут, длиннющий скрипт выполнения... } );
</script>

:victory:


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