使用jQuery将选择选项附加到HTML5数据属性

Question

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

这是我的代码：

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