Получить значение из атрибута с помощью JQuery

Question

У меня есть таблица в моей странице, которая содержит множество строк, каждая строка имеет образ, который имеет <a href> этот <a href> имеет два атрибута класса и data-delete-id, поэтому у меня есть мультипликатор <a href>, который имеет то же самое атрибуты и одинаковое значение для класса.

каждый <a href> имеет другое значение для атрибута data-delete-id.

В моей JavaScript У меня есть этот код:

<script> 
     $(function() { 
      $('.deleteButton').confirmOn('click', function(e, confirmed){ 
       // get jquery object access to the button 
       var $thisButton = $(this); 
       // this gets that data directly from the HTML 
       var id = $thisButton.data('delete-id'); 
       if(confirmed) { 
        alert("<?php echo site_url('users/deleteUser')?>" + '/' + id); 
       } 

      }); 

     }); 

</script> 

Так что, когда я нажимаю на какой-то <a href> чтобы функция хорошо быть уволен, и он получает значение id из атрибута data-delete-id.

Проблема в том, что значение id это всегда значение для первого <a href> в моем HTML-коде.

Я только хочу получить значение для атрибута data-delete-id для щелкнутого <a href>.

Как я могу это сделать?

Answer 1

Я проверил код для подтверждения here и, похоже, не регистрируется с каждым элементом в наборе выбранных элементов. Это ошибка с плагином, но обходным путем было бы обернуть все это в each.

$(function() { 
     $('.deleteButton').each(function() { 
      $(this).confirmOn('click', function(e, confirmed){ 
       // get jquery object access to the button 
       var $thisButton = $(this); 
       // this gets that data directly from the HTML 
       var id = $thisButton.data('delete-id'); 
       if(confirmed) { 
       alert("<?php echo site_url('users/deleteUser')?>" + '/' + id); 
       } 
      }); 
     }); 
    });