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");
    });

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

2 个答案: