Jquery obtener el valor de entrada de la lista cuyo interior se encuentra dentro de un div

Question

tengo algo como lo siguiente

<div id="container"> 
     <ul id="name_list"> 
      <li class="name"> 
      <input type="hidden" class="name_val" value="5" /> 
      </li> 
     </ul> 
</div> 

Estoy tratando de obtener el valor de la entrada. Hasta ahora tengo la siguiente declaración de Jquery.

$("#container li.name input.name_val").val(); 

esto no funciona ¿alguien sabe una mejor manera?

Answer 1

Tenías una errata en el nombre de la clase de entrada

$("#container li.name input.name_val").val(); 

También usted puede cambiar su selector en algo así como

$("#name_list > li.name > input:hidden.name_val").val(); 

Answer 2

Da tu <input> un nombre o un id. La puede obtener el valor de una de estas dos maneras:

$('input[name=thename]').val() 

o

$('input#theid').val() 

Answer 3

Si fuese

var value = $('input.name_val').val(); 

No es necesario mencionar las otras partes de la dom, sólo el área que le interesa.