jquery - 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値を属性として設定する場合は、代わりにメソッドを使用できます。