Jquery getting list of values of hidden inputs within a div

Question

I am trying to get a list of values within a div that I will format later using the .each() method. They are input values which are hidden my html and jquery call looks like this.

<div id="container_0">
   <input type="hidden" id="check_data" value=10>
   <input type="hidden" id="check_data" value=20>
</div>

Jquery:

var list = $('#container_0 input#check_data');

$(list).each(
      function() {
           alert($(this).val());
       }
);

This however is not returning any values. Any help would be greatly appreciated.

your values (10, 20), should be in quotes and the input elements should be properly closed. Proper XHTML always makes things work better (though in this case I doubt improper html code is causing the problem) — Quasipickle
– Quasipickle, Commented Mar 30, 2010 at 17:42

Nick Craver · Accepted Answer · 2010-03-30 15:49:35Z

8

You can't use the same ID multiple times, this is invalid HTML. When you do this, any results will be unpredictable, especially across browsers.

This should work to alert the values though:

$('#container_0 input').each(function() {
   alert($(this).val());
});

If you used a class, like this:

<div id="container_0">
   <input type="hidden" class="check_data" value=10>
   <input type="hidden" class="check_data" value=20>
</div>

Then this would find only those inputs:

$('#container_0 input.check_data').each(function() {
   alert($(this).val());
});

answered Mar 30, 2010 at 15:49

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

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

1 Comment

Nick Craver Over a year ago

@kodisha - Definitely, was just adding that option :)

mana · Accepted Answer · 2010-03-30 15:57:12Z

0

Nick is completly right, you are not allowed to use id's more than once within one html document.

What could help you is: choose different id's for your inputs

Then select the two inputs by something like:

 $('#container_0 input')

In case that matches too many elements, you still can add classes to the inputs:

<div id="container_0">
   <input class="fencyInput" />
   <input class="fencyInput" />
   <input class="notFancy" />
</div>

Where a selector like

 $('#container_0 input.fencyInput')

would only match the first two divs (classes can be used more than once).

answered Mar 30, 2010 at 15:57

mana

6,5376 gold badges53 silver badges72 bronze badges

Collectives™ on Stack Overflow

Jquery getting list of values of hidden inputs within a div

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related