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