如何获取父级或最近的字段集的ID？

Question

HTML：

<fieldset id="10">
  <h1>Select a color:</h1>
  <select name="color">
    <option>red</option>
    <option>blue</option>
  </select>
</fieldset>

JS：

var fields = $(":input").serializeArray();

$.each(fields, function (i, field) {
  var field_id = $(field.name).closest("fieldset").attr('id');
  $("#results").append('<a href="'+field_id+'">'+field.value+'</a>');
});

我得到的只是undefined？

当我这样做时：field.name，它给了我“颜色”。我希望能够找到此表单元素所属的父级或最近的字段集。

我希望field_id在此示例中等于“10”。

Answer 1

我这样做：field.name，它给了我“颜色”

使用

var field_id = $('[name=' + field.name+']').closest("fieldset").attr('id');