选择在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应该是唯一的，而不是使用class。

尝试通过 “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'); 
}); 

Answer 2

选择只选择一个元素，用 “类”（的.class），而不是

Answer 3

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

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

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>