javascript - Jquery 'each' 不适用于 ajax 加载的 dom

Question

我正在尝试刷新位于 div 中的谷歌广告。我为所有这些 div 添加了一个名为“adslot”的通用 css 类。 ajax 加载的 div 很少。但是在准备好文档时，当我通过 jquery 每个函数调用所有这些 div 时，它仅适用于那些在 ajax 调用之前加载的 div。例如，如果给出可用的'.adslot'的数量，即

alert($('.adslot').length);

输出:5，这是正确的。其中 3 个 div 在 ajax 调用之前生成，2 个在 ajax 调用之后生成。

同时，如果我写 -

$('.adslot').each(function() {
    var id = $(this).attr('id');
    alert(id);
});

我只收到 1st 3 div id 的警报，这是在 ajax 调用之前生成的。

有没有办法用 jquery 读取所有 5 个 div id？

Answer 1

在成功回调中尝试你的代码

$(function(){
    $.ajax({
        url:....,
        data:...,
        success:function(data){
            $('.adslot').each(function() {
                var id = this.id;
                alert(id);
            });
        }
    });
});