jquery - 使用 jQuery 附加带有 HTML5 数据属性的选择选项

Question

我正在尝试使用 jQuery 为选择元素构建一组选项。它正在工作，除了应该包含的数据属性，这似乎被省略了。

这是我的代码：

// cJ is JSON object.
// #currency is my select element.
function makeCurDropDown(cJ) {
    $.each(cJ, function (i) {
        $('#currency').append(
            $('<option></option>').val(i).data("sym", cJ[i][0]).html(cJ[i][1])
        );
    });
}

Answer 1

实际上data是设置的，但是由于您使用的是data方法而不是attr方法，所以它是不可见的。jQuery 将值存储在幕后，以获取您可以使用的值.data('sym')。如果要将值设置为属性，则可以改用attr方法。