Страницы

Поиск по вопросам

четверг, 11 июля 2019 г.

Как передать переменную id='имя(переменная цифра)' в js #имя(переменная цифра) код

Есть код javascript

и php
echo "

закрыть
Пример модального окна c id ".$row['id']."
"; echo "";
В php формируется id='applicationModal1', id='applicationModal2' и таких блоков много.
Как обозначить в коде javascript переменную цифру?
Код из браузера. Все блоки идентичны только меняется конечная цифра в id
закрыть
Пример модального окна c id 8


Ответ

Привязывать одно и тоже событие к пачке разных элементов по ID - не лучшее решение. Если у вас несколько элементов должны вести себя одинаково - у них должен быть одинаковый класс (например, modal-trigger). Проставьте его всем элементам. Потом проставьте им разный data-аттрибут с индексом модального окна (например, data-modal-number). И навесьте на всех их один обработчик:
$(function(){ $(".modal-trigger").click(function(){ // this в этом обработчике - это элемент, на который кликнули var modalNumber = $(this).data("modal-number"); alert(modalNumber); $("#applicationModal" + modalNumber).arcticmodal(); }); }); show modal 1 show modal 2
По хорошему и поиск applicationModalX по id стоит убрать, но это уже на ваше усмотрение.

Комментариев нет:

Отправить комментарий