jquery或JS创建子元素并分配一个ID [重复]

Posted 2023-02-22

【中文标题】jquery或JS创建子元素并分配一个ID [重复]

【英文标题】：jquery or JS create child element and assign an ID [duplicate]

【发布时间】：2012-11-26 01:09:48

【问题描述】：

我一直在努力解决这个问题，但我有点卡住了。我似乎找不到直接的答案，所以我要问。

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

谢谢

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

【参考方案1】：

试试这个

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

当你这样做时

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

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

【讨论】：

谢谢，就是这样......单引号内的双引号我什至没有考虑过这是一个选项，但现在它很有意义。

【参考方案2】：

你可以这样做，一次通过

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

【讨论】：

你有这个文档的链接吗？我需要了解更多关于这个单通道的信息，它更干净。

@atlMapper，请参阅第二版 api.jquery.com/jquery/#jQuery2 用于创建具有属性映射的元素，以及 api.jquery.com/appendTo 用于附加到元素