jQuery: Selecting specific input hidden element (by index) in an array of input hiddens

Question

I have the following HTML:

<table>
<tr><td>...</td><td><input type="hidden" name="price[1]" value="10"></td><td>...</td>
<tr><td>...</td><td><input type="hidden" name="price[6]" value="230"></td><td>...</td>
<tr><td>...</td><td><input type="hidden" name="price[7]" value="40"></td><td>...</td>
<tr><td>...</td><td><input type="hidden" name="price[10]" value="10"></td><td>...</td>
</table>

I have also got that this is important to say that they are stored in table tds and it's preferred not to bring them out of the table. (So I updated the code to be more like in real)

What I want, is a way to select one of them by their index() number to be able to get their val().

I know that their index is counted from 0 to 3. I want to get the val() of the second one with index(1).

You want to select one of them (which one?) or all of them? What do you want to do with the values? — Barmar
– Barmar, Commented Jun 27, 2013 at 6:55

Barmar · Accepted Answer · 2013-06-27 07:04:32Z

4

To get the value of the second hidden input:

$('input[type=hidden]:eq(1)').val()

edited Jun 27, 2013 at 7:04

answered Jun 27, 2013 at 6:57

Barmar

789k57 gold badges554 silver badges669 bronze badges

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

Comments

mkutyba · Accepted Answer · 2013-06-27 06:55:34Z

1

In jQuery it would be:

$('input[type="hidden"]');

http://jsfiddle.net/mattydsw/32NU8/

answered Jun 27, 2013 at 6:55

mkutyba

1,4271 gold badge10 silver badges26 bronze badges

Comments

yeyene · Accepted Answer · 2013-06-27 06:57:54Z

1

DEMO http://jsfiddle.net/yeyene/yGCP2/

$(document).ready(function(){
    $('input[type=hidden]').each(function(){
        alert($(this).val());
    });
});

answered Jun 27, 2013 at 6:57

yeyene

7,4001 gold badge24 silver badges29 bronze badges

1 Comment

Mohammad Naji Over a year ago

Thank you. Maybe I was not clear enough. Any I appreciated your help.

4b0 · Accepted Answer · 2013-06-27 06:58:46Z

1

try:

fiddle

var a="";
$("input[type=hidden]" ).each(function( index ) {
    a+=($(this).val()) + ",";

});
alert(a);

answered Jun 27, 2013 at 6:58

4b0

22.4k30 gold badges97 silver badges143 bronze badges

1 Comment

Mohammad Naji Over a year ago

Thank you. Maybe I was not clear enough. Any I appreciated your help.

Collectives™ on Stack Overflow

jQuery: Selecting specific input hidden element (by index) in an array of input hiddens

4 Answers 4

Comments

Comments

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related