Получить значение пользовательского атрибута с помощью jquery

Question

Я видел те же вопросы, но не получил ответа.у проекта есть таблица, а в таблице две записи, и в каждой записи есть кнопка (с похожим именем и идентификатором). Я добавляю пользовательский атрибут с именем id-account, первая запись имеет значение 1, а вторая запись 2 значение.

кнопка (я использую laravel 5.7):

<a href="#" class="btn btn-primary" id-account="'.$this->id.'" name="edit-bank-account" id="edit-bank-account">edit</a>

и я пишу этот код, который возвращает значение атрибута id-account,

$('#edit-bank-account').click(function(){        
   console.log( $("#edit-bank-account").attr("id-account"));
});

но есть проблема, потому что этот код просто возвращает значение первой записи, а когда я нажимаю на вторую запись, ничего не возвращается

Answer 1

id с должен быть уникальным.Вам нужно использовать class для нескольких элементов.

Демо:

$('.edit-bank-account').click(function() {   //Use class edit-bank-account
  console.log($(this).attr("id-account"));   //Use this as selector, this will refer to the clicked element
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a href="#" class="btn btn-primary edit-bank-account" id-account="1" name="edit-bank-account" >edit</a>
<a href="#" class="btn btn-primary edit-bank-account" id-account="2" name="edit-bank-account" >edit</a>
<a href="#" class="btn btn-primary edit-bank-account" id-account="3" name="edit-bank-account" >edit</a>