Взаимодействие со всеми элементами у которых одинаковый id?

Question

[hsuper]

Я новичек в javascript

При нажатии на лайк недолжно ничего происходить :
Код лайка:

<a href=""><i id="heart" class="fa fa-heart" aria-hidden="true">    {{this.likes}}</i></a>

Код взаимодействия:

$('#heart').click((ev)=>{
    ev.preventDefault();
});

Самый первый элемент работает как надо а на остальных код javascript не работает, как быть? Т.е при нажатии переходит по ссылке

Охуеть я умный

<a href=""><i id="heart-{{this.id}}" class="fa fa-heart" aria-hidden="true">    {{this.likes}}</i></a>
              
          </div>
          <script>
             $('#heart-{{this.id}}').click((ev)=>{
    ev.preventDefault();
});

          </script>

Answer 1

[Александр Аксентьев]

не может быть id одинаковым.

Comments

[hsuper]

как быть токда

[Александр Аксентьев]

hsuper, использовать классы или data-*

[hsuper]

Александр Аксентьев, блэд

[Александр Аксентьев]

hsuper, ну решение-то хуево всё равно.

И код с click ебать какой старый ваще. Так не надо.

<a href=""><i data-like="{{this.id}}" class="fa fa-heart" aria-hidden="true">    {{this.likes}}</i></a>

$(document).on('click', '[data-like]', (ev)=>{
    ev.preventDefault();
    var like_id = $(this).data('like');
});

[hsuper]

Александр Аксентьев, спасибо!