Как реагировать на нажатие кнопок с одинаковым id в jQuery?

Question

[howuu]

Есть несколько кнопок , все примерно такие

<button type="button" id="more_is_checked" class="btn btn-outline-primary  btn-sm" data-toggle="modal" data-target="#Modal{{post.pk}}" > 
more
</button>

Разница только в data-target, ну и в общем, мне нужно реагировать на нажатие каждой кнопки, по моей логике, это должно было быть так, обьявляем переменую, которой подвязываем элементы с такими айди, отлавливаем клик, и работаем через this, но по итогу, jQuery работает только с первым элементом на странице, а на остальные забивает, как с этим поступить?

var more_is_checked = $("#more_is_checked"); 

$(more_is_checked).click(function(){
  var target = $(this).data('target');
  alert(target)
 
});

Answer 1

[mahmudchon]

На странице не должно быть несколько элементов с одним и тем же id. Задайте для этих элементов, например, какой то общий class и делайте обработку также, как указали выше.

Comments

[howuu]

черт, спасибо, только что осознал свою глупость. спасибо Тостеру за то что он есть, пора бы мне поспать