javascript - 无法使用 jQuery 访问通过 ajax 加载的元素

Question

我需要修改通过 ajax 加载的内容，但似乎无法访问它。我无权访问执行初始加载的 js 文件，因此我需要编写一个单独的函数来更改内容。

内容需要自动修改，无需用户点击或与页面上的任何内容交互。

在下面的示例中，“新闻”div 是硬编码的，“文章”div 通过 ajax 加载。

HTML

<div id="news">
<div class="article"><img src="headline1_small.jpg">
<div class="article"><img src="headline2_small.jpg">
<div class="article"><img src="headline3_small.jpg">
</div>

jQuery

$(document).ready(function() {
  console.log( $("#news").html() );
});

控制台

<div id="news">
</div>

如何访问文章？我想从 img src 中删除“_small”。

谢谢!

Answer 1

这应该有效:

$(document).ajaxStop(function() {
    $("#news").find('img').attr("src", function(_, src){
        return src.replace('_small', '');
    });
});