jquery或JS创建子元素并分配ID

Question

我一直在努力解决这个问题，我有点陷入困境。我似乎找不到直接答案，所以我会问。

我正在从JSON调用创建一个选项列表。我已经创建了子元素，但我似乎无法将唯一ID（存储在JSON中）添加到每个元素。当我在JSON的$​​ .each中创建ID时，我从分配给所有选项的调用中获取最后一个ID。

由于

$("#fDistList").append('<option>' + item.GROUP_NAME + '</option>');
$("option").attr('id', item.ID);

Answer 1

试试这个

$("#fDistList").append('<option id="'+ item.ID + '">' + item.GROUP_NAME + '</option>');

当你这样做时

$("option").attr('id', item.ID);

您正在重新选择所有option元素并设置其ID属性。

Answer 2

你可以这样做，一次性通过

$('<option/>',{
        text: item.GROUP_NAME, 
        id:item.ID
    }).appendTo('#fDistList');