javascript - 如何获取父字段集或最近字段集的 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>');
});

我得到的只是未定义？

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

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

Answer 1

我做:field.name，它给了我“颜色”

使用

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