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

Question

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

这是我的代码：

// 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 方法。