jquery - JQuery - Div 内的动态 Src 图像更新

Question

我有以下代码，我想更改动态生成中存在的 Img 标签的来源

我的示例 div -

<div id="content_68608800">
<img id="theImg" src="/static/images/image1.gif"></img>
      Testing
    <a href="/google.com">test</a>
</div>

JQuery Javascript 代码 -

$( "div.foo" ).click(function(id) {
        var divID= '#content_' + id;
        $(.divID img).attr('src', "/static/images/image2.gif");
        });

id - some Number

Answer 1

对于动态添加的内容，使用 jQuery .on()：

http://api.jquery.com/on/

$(parentElement).on("click", "div.foo", function(){
  ...
});

Answer 2

点击监听器，以及大多数 jQuery 函数，接收事件作为它们的参数。

如果您需要通过 .foo div 获取 id，则需要传递它，否则

<div class="foo" data-target="#content_68608800"/>
<div id="content_68608800">
    <img id="theImg" src="/static/images/image1.gif"></img>
      Testing
    <a href="/google.com">test</a>
</div>

然后在JS代码中

$(document ).on('click', "div.foo",function() {
    var divID= jQuery(this).data('target');
    $(divID+' img').attr('src', "/static/images/image2.gif");
    });