Question

Let’s say that I have 3 fieldsets, each with 2 inputs: NAME and AGE.
Later, I want to iterate over the forms with JQUERY and read all of the inputs for each fieldset.

How should I structure the fieldsets and inputs to best facilitate the iteration? Right now, I’m assigning unique IDs to each input – but if possible, it would be better to push the unique identifier further up the tree to something like the fieldset tag.

How would I be able to use Jquery to access each element in the collection of fieldset?

Answer 1

you can do like this,
Assign ‘name’ class for each name textboxes and ‘age’ class for all age textBoxes. And then iterate through the each feildset like tihs,

var people=[];
$('feildset').each(function(index,feildset){
    people.push({Name:$('.name',feildset).val(), Age:$('.age',feildset).val()})
});