Question

为什么foo不会被追加？

$.ajax({
                type: 'GET',
                dataType: 'json',
                cache: false,
                url: 'barfoochakalaka',
                success:
                    function(response) {
                        $.each(response, function(index, val) {                             
                            $(this).parent().parent().append('foo');
                        });

                    }
})

Answer 1

因为在each内，this设置为正在迭代的当前元素（docs），所以通常我们在进入之前将this定义为其他内容each循环：

var that = this;
$.each(response, function(index, val) {
    var content = '<div class="link-history">'+ val.date + ', ' + val.userid + ', ' + val.status + '</div>';
    $(that).parent().parent().append('foo');
});

但是，在此情况下，AJAX请求的this回调中的success等于发起请求的jqXHR对象，而不是你所追求的DOM元素，所以我们必须将var that = this移到更远的地方;

var that = this;
$.ajax({
    type: 'GET',
    dataType: 'json',
    cache: false,
    url: 'barfoochakalaka',
    success: function(response) {
        $.each(response, function(index, val) {
            var content = '<div class="link-history">' + val.date + ', ' + val.userid + ', ' + val.status + '</div>';
            $(that).parent().parent().append('foo');
        });

    }
})

Answer 2

var $this = $('#Selector').parent().parent();
$.ajax({
                type: 'GET',
                dataType: 'json',
                cache: false,
                url: 'barfoochakalaka',
                success:
                    function(response) {
                        $.each(response, function(index, val) {
                            var content = '<div class="link-history">'+ val.date + ', ' + val.userid + ', ' + val.status + '</div>';
                            $this.append('foo');
                        });

                    }
})

<小时/> 编辑：

将.parent().parent()添加到原始选择器，因此您不会为每个循环调用此

Answer 3

响应可能不是数组，只是一个字符串。尝试将响应分配给元素，然后使用选择器在执行.each（）

之前获取该元素中的所有子元素。

Answer 4

您的回复不是元素的对象，它很可能是您的选择器（？）的字符串列表，如果它然后使用$($(this))。

此对象引用在$ .each中无效

4 个答案: