Cómo obtener el valor del elemento en jQuery

Question

¿Por qué no devuelve el valor en 'li'? ¿Qué estoy haciendo mal?

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

Answer 1

¿Desea el código HTML o el texto que está dentro de la etiqueta li?

Si es así, utilice uno:

$(this).html() 

o:

$(this).text() 

El val() es para campos de formulario solamente.

Answer 2

Un li no tiene ningún valor. Solo los elementos relacionados con el formulario como input, textarea y select tienen valores.

Answer 3

Lo más probable es que quieren algo como esto:

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

Answer 4

Uso .text() o .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); 
    }); 

Su buscando el atributo "value" en el interior del etiqueta "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

Puede hacer lo mismo utilizando jQuery on().

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

Answer 9

para obtener el valor de li debemos utilizar $ ("# lista li") haga clic en (function() {= $ (this) .html seleccionado var();.

o

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

alert(selected); 

})