選擇在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>