不能得到跨度

Question

的第二個值我有這樣的小問題第二或第三跨度我不能得到它的價值）我不知道這是爲什麼發生。

這裏是jQuery代碼：

$(document).ready(function(){ 

    $("#test").click(function(){ 
     val = $(this).text(); 
     alert(val); 
    }); 

}); 

Answer 1

ID必須是唯一的，使用類，而不是它。

<ul> 
<li><span class="test">val1</span></li> 
<li><span class="test">val2</span></li> 
<li><span class="test">val3</span></li> 
</ul> 

JS

$(document).ready(function(){ 

    $(".test").click(function(){ 
     val = $(this).text(); 
     alert(val); 
    }); 

}); 

Demo

Answer 2

使用類instaed ID的。因爲id應該是唯一的。

<ul> 
<li><span class="test">val1</span></li> 
<li><span class="test">val2</span></li> 
<li><span class="test">val3</span></li> 
</ul> 

jQuery的

$(document).ready(function(){ 

    $(".test").click(function(){ 
     val = $(this).text(); 
     alert(val); 
    }); 

}); 

Demo