Getting values from different input fields with same class name

Question

I'm working on an image sharing site, and right now I'm working on rendering out a users albums on a page. Each of the albums contains of at least on image, and I want to show all the albums as boxes with four thumbnails (the first four images in the album) in each of the boxes.

The images file names is stored in the value of a hidden input field in each of the boxes, and what I want to do is to get all the file names from each of the album boxes and show them as thumbnails.

The part that I need help with is how I shall get the file names from each of the album boxes, one by one. The code below doesn't work by obvious reasons, but how can it be rewritten so it works? All the input fields has the same class name.

Thanks in advance!

    if ($('.hiddenAlbumNames').length > 0){

        var images = $(this).val();

                    // the rest of the code (creating images and putting them in the album boxes)
    }

Fabrizio Calderan · Accepted Answer · 2012-05-24 13:28:49Z

6

you have to loop the $('.hiddenAlbumNames') jQuery collection to get the values of all your input

$('.hiddenAlbumNames').each(function() {
       console.log( $(this).val() );
       /* rest of the code for each name retrieved */
})

answered May 24, 2012 at 13:28

Fabrizio Calderan

124k26 gold badges171 silver badges183 bronze badges

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

3 Comments

Fabrizio Calderan Over a year ago

val() work even for checkboxes, anyway he asked for "hidden input field"

Sameh Serag Over a year ago

I know that .val() work with checkboxes but it doesn't describe if it checked or not

Fabrizio Calderan Over a year ago

it's a bit off-topic but if they where checkboxes he would loop checked input with $('.hiddenAlbumNames:checked')

Collectives™ on Stack Overflow

Getting values from different input fields with same class name

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related