选择在jQuery的 - 让rel属性(selector in jquery - get rel a

我有这样的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引起的。 标识应该是唯一的，使用类来代替。

尝试

<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');
});

Answer 2:

您的所有id都same.So做出不同的他们。 假设您的li里面ul哪一类是clsTest

$('.clsTest li').click(function(){
  var rel = $(this).attr('rel');
  alert(rel);
});

Answer 3:

选择器由“ID”（#ID）只选择一个元素，使用“类”（的.class）代替

Answer 4:

更改您的代码

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

<script>
$('body').delegate('li.vol','click',function(){
  var rel = $(this).attr('rel');
});
</script>

Answer 5:

$('.li').on('click', function(){
  var target = $(this).attr('rel');
});

我认为，我们直接与元素尝试，如果你有使用李

文章来源: selector in jquery - get rel attribute