jquery - 如何将 jQuery .data() 属性添加到下拉列表选项元素

Question

我正在尝试使用 jQuerys .data() 将一些额外数据添加到下拉列表中的元素，下拉列表正在填充属性并且我想要的 ID 在那里，但是当我尝试访问数据时显示出来并且不明确的。

人口代码。

 $.each(tutorArray, function(index, item){
        var TID= item.T.Id        
        $.each(item.T.TimeList, function(ind, i) {
            $(ddl).append($('<option></option>').val(i.StartTime).html(i.StartTime + ' - ' + i.EndTime).data({
                TID: TID
            }));
        });
    });  

访问代码

$(ddl).bind('change', function() {
        if($(this).val() != '') {

            var time = $(this).val(); 

            showConfirmRequestTutorCallDialogue(d, time, $(ddlDurationSelector).val(), $(this).data("TID"), $(ddlStudiesSelector).val())
        }
    });

Answer 1

您应该以这种方式为元素设置 data (see documentation):

element.data("someKey", someValue);

因此您的人口代码可能如下所示:

$.each(tutorArray, function(index, item){
    var TID= item.T.Id        
    $.each(item.T.TimeList, function(ind, i) {
        var element = $('<option></option>');
        element.val(i.StartTime).html(i.StartTime + ' - ' + i.EndTime);
        element.data("TID", TID);
        $(ddl).append(element);
    });
});