1

Здравствуйте. Возник вопрос:

Допустим, у нас есть несколько ссылок с data-атрибутами. Например:

<a href="#manual-modal" class="to_modal" data-desc="Descr #1"  data-name="Name #1"></a>
<a href="#manual-modal" class="to_modal" data-desc="Descr #2"  data-name="Name #2"></a>
<a href="#manual-modal" class="to_modal" data-desc="Descr #3"  data-name="Name #3"></a>

По клику мне нужно доставать данные с data-атрибутов, для того чтобы отобразить их в модальном окне. Но вот проблема: id у ссылок один и тот же. Как, тогда, достать данные именно с ссылки, по которой произошел клик?

Спасибо за ответы.

1
  • id у ссылок один и тот же - id или всё же class. Если id - то лучше переделай, иначе проблем не оберешься 14 июл 2017 в 4:02

1 ответ 1

2

В обработчике события click this указывает на DOM элемент, на котором произошло событие. Кроме того, в качестве параметра обработчику передается объект Event, у которого есть свойство target, также указывающее на DOM элемент.

$('.to_modal').click(function(event) {

  console.log($(this).data())

  console.log($(event.target).data())

})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a href="#manual-modal" class="to_modal" data-desc="Descr #1" data-name="Name #1">1</a>
<a href="#manual-modal" class="to_modal" data-desc="Descr #2" data-name="Name #2">2</a>
<a href="#manual-modal" class="to_modal" data-desc="Descr #3" data-name="Name #3">3</a>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.