jquery - 使用 jquery 获取自定义属性的值

Question

我看到了同样的问题，但没有得到答案。该项目有一个表，表中有两条记录，每条记录都有一个按钮(具有相似的名称和 id )我添加一个名为 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>