javascript - 对象不支持属性或方法 'data'

Question

我遇到的问题是，当我尝试通过数据键更新文本元素时，它给出“对象不支持属性或方法‘数据’”错误。

我之前曾在 MealNameError 函数上使用过它来执行相同的操作，并且它有效，但是当我在 MealItemError 函数上尝试它时，我遇到了问题。

function MealNameError(databaseMealName) {
    var $this = $("#ContentPlaceHolder1_AddMealName");
    $('#' + $this.data('describeby')).text('"' + databaseMealName + '" 
    already exists').show();
 }

function MealItemError(duplicateItems) {
    $('#addItemDropdownList_1, #addItemDropdownList_2, #addItemDropdownList_3, #addItemDropdownList_4, #addItemDropdownList_5')
    .each(function() {
        for (var i = 0; i < duplicateItems.length; i++) {
            if (parseInt($(this).val()) === duplicateItems[i]) {
                $('#' + this.data('describeby')).text('Only one of same Item').show(); //This line is throwing the error
            }
        }           
    });
 }

我通常会输入 data('key',value')，但该值是动态的，具体取决于它们添加的食品数量。对于我在这两个问题之间所做的不同有什么想法吗？

Answer 1

用 $() 包裹 this，将其视为 jQuery 元素 $(this).data('describeby').

在您的 MealNameError 函数中，您已经将其包装起来。