jquery - 使用仅字段集 ID 构建表单和输入以促进迭代

Question

假设我有 3 个字段集，每个字段集有 2 个输入:NAME 和 AGE。稍后，我想使用 JQUERY 迭代表单并读取每个字段集的所有输入。

我应该如何构造字段集和输入以最好地促进迭代？现在，我正在为每个输入分配唯一的 ID - 但如果可能的话，最好将唯一标识符在树上进一步推向字段集标记之类的位置。

如何使用 Jquery 访问 fieldset 集合中的每个元素？

Answer 1

你可以这样做，为每个名称文本框分配“名称”类，为所有年龄文本框分配“年龄”类。然后像 tihs 一样迭代每个字段集，

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