ne peut pas obtenir la deuxième valeur de la durée

Question

J'ai ce petit problème

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

Mais lorsque je tente d'obtenir la valeur de la durée cliqué je reçois la valeur de la première que (quand je clique la deuxième ou la troisième durée je ne peux pas en avoir la valeur) Je ne sais pas pourquoi cela se produit.

Voici le code jquery:

$(document).ready(function(){ 

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

}); 

Answer 1

Id doit être unique, utilisez la classe au lieu de.

<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

classe d'utilisation instaed de id. comme id devrait être unique.

<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