javascript - 访问 $.getJSON 中的 DOM 元素

Question

我正在开发一个应用程序，它遍历某些 DOM 元素，并对每个元素执行 Ajax 请求。问题是我无法访问回调函数内的每个 DOM 元素。

$('.class').each(function() {
    $.getJSON(url, function(data) {
        $(this).attr('id', data.id); // $(this) is not accessible
    });
});

有办法解决吗？

Answer 1

您应该使用变量，因为 this 的值会随着每次函数调用而变化，并且在 $.getJSON 的回调中 this 不再是元素。

$('.class').each(function() { 

    var self = this;

    $.getJSON(url, function(data) {
        self.id = data.id;
    });
});

另一种选择是 each() 中的内置参数

$('.class').each(function(index, element) { 
    $.getJSON(url, function(data) {
        element.id = data.id;
    });
});