Question

Im very new to javascript and jquery so please bear with me.

Here’s my code: http://jsfiddle.net/94MnY/1/

Im trying to get the values of each hidden field inside the div.

I tried

$(document).ready(function() {
 $('input#btnDispHidden').click(function() {
   var totalHidden = 7;

   for(var i=0; i<totalHidden; i++) {
    alert($("#hiddenField hidden").html());
   }
 });
});

but the value Im getting is null.

I also wanna know how to get the total number of html elements inside a div. In my case how am I gonna get the total number hidden field inside the div. I assigned the value of totalHidden = 7 but what if I dont know total number of hidden fields.

Please help. Thanks in advance.

Answer 1

You can actually just create an array of those hidden elements using query and loop through them and alert their values.

I have put a jsfiddle for you to see

http://jsfiddle.net/94MnY/4/

$(document).ready(function() {
        $('input#btnDispHidden').click(function() {
                $("#hiddenField input[type='hidden']").each(function(i, e){
                    alert($(this).val());
                });
        });
});