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