javascript - 通过 AJAX 使用 $().each 将innerHTML分配给元素不起作用

Question

我的应用程序的此页面是一个仪表板，其中包含 div充当“面板”，就像这样

<div class='panel' id='usersPanel' data-request='users'>
    <h1>Users</h1>
    <p class='panel-contents'>Will be filled with AJAX results</p>
</div>

页面加载时，它们通过 AJAX 填充

$(document).ready(function() {
    $('.panel').each(function(index, value) {
        $.get('/panel', {'content': $(this).attr('data-request')}, function(data) {
            $(this).find('.panel-contents').html(data);
        });
    });
});

请求发送正常。响应正常。但我似乎无法将其写入 .panel-contents 。我错过了什么吗？

Answer 1

我相信问题出在你的成功函数上。当执行时，这相当于不同的尝试:

$(document).ready(function() {
    $('.panel').each(function(index, value) {
        var panel = this;
        $.get('/panel', {'content': $(this).attr('data-request')}, function(data) {
            $(panel).find('.panel-contents').html(data);
        });
    });
});