Как отловить нужный клик?

Question

[Blunker]

Имеется N-ое количество таких блоков

<div class="list-item">
        <a href="/service/?id={{id}}" class="list-item__link-image">
            <img class="list-item__image" src='{{image}}'>
        </a>
        <a href="/service/?id={{id}}">
            <h3 class="list-item__title">{{name}}</h3>
        </a>
        <p class="list-item__description">{{smalldesc}}</p>
        <p class="list-item__price">{{price}} руб.</p>
        <a class="list-item__button order" data-toggle="modal" data-target="#myModal" data-id="{{id}}">Забронировать</a>
    </div>

Разница только в аттрибуте data-id. Как по нему отлавливать клики?

Comments

[Сергей Тутуков]

,

$('a.order').on('click',function(){
    var id = $(this).data('id');
    console.log(id);
  });

Answer 1

[Pavel]

$("[data-id='1']").click(function() {
alert($(this).attr('data-id'));
});