Comment obtenir la valeur de l'élément dans jQuery

Question

Pourquoi ne renvoie-t-il pas la valeur dans 'li'? Qu'est-ce que je fais mal?

$("#list li").click(function() { 
    var selected = $(this).val(); 
    alert(selected); 
}) 

Answer 1

Voulez-vous le code HTML ou le texte qui se trouve à l'intérieur de la balise li?

Si oui, utilisez:

$(this).html() 

ou:

$(this).text() 

Le val() est pour ne former que des champs.

Answer 2

Un li n'a pas de valeur. Seuls les éléments liés aux formulaires, tels que input, textarea et select, ont des valeurs.

Answer 3

Très probablement, vous voulez quelque chose comme ceci:

$("#list li").click(function() { 
     var selected = $(this).html(); 
     alert(selected); 
}); 

Answer 4

Utilisez .text() ou .html()

$("#list li").click(function() { 
     var selected = $(this).text(); 
     alert(selected); 
}); 

Answer 5

<ul id="unOrderedList"> 
<li value="2">Whatever</li> 
. 
. 



$('#unOrderedList li').click(function(){ 
     var value = $(this).attr('value'); 
    alert(value); 
    }); 

Votre recherche de l'attribut "valeur" à l'intérieur du étiquette "li"

Answer 6

$("#list li").click(function() { 
     var selected = $(this).html(); 
     alert(selected); 
}); 

Answer 7

<div class="inter"> 
     <p>Liste des Produits</p> 
     <ul> 
      <li><a href="#1">P1</a></li> 
      <li><a href="#2">P2</a></li> 
      <li><a href="#3">P3</a></li> 
     </ul> 
    </div> 

     $(document).ready(function(){ 
      $(".inter li").bind(
      "click", function(){ 
       alert($(this).children("a").text()); 
      }); 
     }); 

Answer 8

Vous pouvez faire de même en utilisant jQuery on().

$("#list").on('click','li',(function() { 
    var selected = $(this).text(); //or .html() 
    alert(selected); 
}) 

Answer 9

Pour obtenir la valeur de li nous devrions utiliser $ ("# liste li") cliquez sur (function() {var selected = $ (this) .html().

ou

var selected = $(this).text(); 

alert(selected); 

})