javascript - 是否可以使用简写将数据添加到选项中？

Question

我正在尝试将动态信息添加到选择元素中的选项。我想使用数据，因为它兼容所有浏览器。我尝试使用 alt，它确实显示在 chrome 中，但我不确定在选项元素上使用 alt 标签是否合适。

jQuery(el).append($('<option>', {
    value: index,
    text: column_persistence[index],
    alt: check_box_id
}));

如何使用 append jQuery 方法动态添加数据属性？

Answer 1

三种方法可以做到这一点:

$(el).append($('<option>', {
    value: index,
    text: column_persistence[index],
    "data-alt": check_box_id
}));

或者:

$(el).append($('<option>', {
    value: index,
    text: column_persistence[index]
}).data("alt", check_box_id));

或者:

$(el).append($('<option>', {
    value: index,
    text: column_persistence[index]
}).attr("data-alt", check_box_id));

这些应该会产生 HTML 元素:

<option value="1" data-alt="chbk-1">Column Name</option>