Javascript 如何获取父字段集或最近字段集的id？

HTML:

选择一种颜色：
红色
蓝色

JS:

var fields=$（“：input”）.serializeArray（）；
$.each（字段，函数（i，字段）{
var field_id=$（field.name）.closest（“fieldset”）.attr（“id”）；
$（“#结果”）。追加（“”）；
});

我得到的只是

未定义的

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

在本例中，我希望
field\u id
等于“10”。
I do:field.name，它给我“颜色”

使用

是的，这很有效。非常感谢。（我会接受）这是一个附带的问题，但是你能指出关于JS调试的教程/帖子（比如快速入门）吗（也许推荐工具？），因为我发现调试JS是一件非常痛苦的事情。（例如，我会做一个console.log（），我得到[Object Object]，firebug控制台只是一个又一个下拉列表，我不知道我在看什么，也不知道从哪里开始。）感谢您的建议。再次感谢。@feed\u me\u code，一个好的开始，谢谢你的提示。很高兴知道不仅仅是我。：）
<fieldset id="10">
  <h1>Select a color:</h1>
  <select name="color">
    <option>red</option>
    <option>blue</option>
  </select>
</fieldset>

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>');
});

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