How to iterate over all input hidden values using $.each

Question

I want to do something with each hidden input value, so I coded the following javascript using jQuery.

$.each($("input[type='hidden']"), function (index, value) {
    alert(value.val());
});

But I get he following execution error: value.val is not a function.

What am I doing wrong?

C. E. · Accepted Answer · 2011-03-12 18:41:41Z

14

This would work:

$("input[type=hidden]").each(function() {
     $(this).val() //do something with
});

answered Mar 12, 2011 at 18:41

C. E.

10.7k11 gold badges57 silver badges81 bronze badges

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

2 Comments

karim79 Over a year ago

Just to add, there's also the :hidden pseudo selector, so input:hidden yields the same matches.

shearichard Over a year ago

Actually I'm not quite sure what karim79 has written here is correct. I believe input:hidden will select input elements which have been made invisible by virtue of CSS (for instance) and that's not the same as finding input elements of type hidden. The original question is a little ambiguous on what was wanted but I'm just mentioning it in case it's useful.

mmutilva · Accepted Answer · 2011-03-12 21:45:43Z

9

The value in the iterating function is a Node, not a jQuery object.

You still need to go: $(value).val();

See the last example here: http://api.jquery.com/each/

edited Mar 12, 2011 at 21:45

mmutilva

19.1k23 gold badges63 silver badges83 bronze badges

answered Mar 12, 2011 at 18:39

Dimitry

6,6332 gold badges24 silver badges21 bronze badges

Collectives™ on Stack Overflow

How to iterate over all input hidden values using $.each

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related