javascript - this.prop 不是一个函数？

Question

我的 jQuery 代码是:

$('#edit').click(function(){
    var data = $("#list :input").serialize();
    $.post($("#list").attr('action'), data, function(json) 
    {
        currentRow = json.rowArr[0];
        $("#id").val(currentRow.id);
        $("#id_disp").val(currentRow.id);
        $("#shop").val(currentRow.shop);
        $("#category").val(currentRow.category);
        $("#item").val(currentRow.item);
        $("#qnty").val(currentRow.qnty);
        $("#unit").val(currentRow.unit);

        $.each($("#price_based_on").children('option'), function(index, val) {
            if(this.value.toUpperCase()==currentRow.price_based_on.toUpperCase())
            {
                console.log("Match");
                this.prop("selected", true);
            }
        });

        $("#mrp").val(currentRow.mrp);
        $("#sellers_price").val(currentRow.sellers_price);
        $("#last_updated_on").val(currentRow.last_updated_on);

    },"json");
});

其中，唯一感兴趣的是以下几行:

$.each($("#price_based_on").children('option'), function(index, val) {
    if(this.value.toUpperCase()==currentRow.price_based_on.toUpperCase())
    {
        console.log("Match");
        this.prop("selected", true);
    }
});

使用语句 this.prop("selected", true); 我收到错误:

Uncaught TypeError: this.prop is not a function

当 .prop() 显然是一个存在的函数时，为什么会发生这种情况？我该如何修复它？

Answer 1

$.each 用于迭代对象或数组。如果您想迭代 jQuery 对象中的节点，请使用 .each，如下所示:

$("#price_based_on").children('option').each(function() {
     ... code here
});

在回调中，this 引用 native DOM 元素(它没有 prop 方法，因此您可能想要执行类似的操作来获取对保存 DOM 节点的 jQuery 对象的引用:

$("#price_based_on").children('option').each(function() {
    var $this = $(this);
    $this.prop('selected',true)
});