jquery - jquery 中的选择器 - 获取 rel 属性

Question

我有这样的html代码:

<li id="vol" rel="1">
    // something here
</li>
<li id="vol" rel="2">
    // something here
</li>
<li id="vol" rel="3">
    // something here
</li>

我尝试通过以下代码获取 rel 属性:

$('#vol').click(function(){
  var rel = $(this).attr('rel');
});

但是它不起作用。我还将 this 更改为 #vol，但它不起作用。我该怎么办？

Answer 1

通过“不工作”，我假设您点击的任何 li 都会返回 1，这是由于页面中有多个 ID 造成的。 ID 应该是唯一的，请使用类。

尝试

<li class="vol" rel="1">
    // something here
</li>
<li class="vol" rel="2">
    // something here
</li>
<li class="vol" rel="3">
    // something here
</li>

JS:

$('.vol').click(function(){
  var rel = $(this).prop('rel');
});