Jquery get input value inside list which is inside a div

Question

I have something like the following

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

I am trying to get the value of the input. So far I have the following Jquery statment.

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

this does not work anyone know a better way?

don't be unnecessarily specific, $('container').find('input').val() or even just $('.name_val').val() should do the job. — jAndy
– jAndy, Commented Apr 13, 2010 at 13:02

rahul · Accepted Answer · 2010-04-13 12:57:20Z

12

You were having a typo in your input class name

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

Also you can change your selector to something like

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

answered Apr 13, 2010 at 12:57

rahul

188k50 gold badges239 silver badges266 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

McNabbToSkins Over a year ago

sorry that was a typo on my part, this does not work for me should it?

rahul Over a year ago

Make sure that you don't have multiple elements with the same id.

dnagirl · Accepted Answer · 2010-04-13 12:58:52Z

3

Give your <input> either a name or an id. The you can get the value in either of these two ways:

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

or

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

answered Apr 13, 2010 at 12:58

dnagirl

20.5k13 gold badges86 silver badges127 bronze badges

Comments

Chris Barry · Accepted Answer · 2010-04-13 12:59:35Z

1

Should it be

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

You don't need to mention the other parts of the dom, just the area you are interested in.

answered Apr 13, 2010 at 12:59

Chris Barry

4,6147 gold badges58 silver badges90 bronze badges

Collectives™ on Stack Overflow

Jquery get input value inside list which is inside a div

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related