javascript - 更改位于克隆 DIV 中的图像的图像 SRC

Question

我有一个DIV如下预定义：

<div id="innerDropzone" style="position: absolute; top: 20px; left: 30px; width: 200px; height: 200px">
    <img id="img" src="watever"/>
</div>

基于一些被触发的事件，我将克隆上面的内容DIV，如下所示：

var newDiv = $('#innerDropzone').clone();
                                    //newDiv.attr('id', 'pin' + $("#clicks").children('.pin').length);
$(newDiv).css('display', 'block');
//$(newDiv).attr('');

$('#dropzone').append(newDiv);
$(newDiv).draggable();

我想知道如何为此更改 img SRCnewDiv

Answer 1

使用.find()：

$(newDiv).find("img").attr("src",a);

或.children()（.children()仅在 DOM 树中向下移动一个级别。因此它会更快。）：

$(newDiv).children("img").attr("src",a);

Answer 2

使用.find()和.attr()

$(newDiv).find("img").attr("src",a);

演示

var newDiv = $('#innerDropzone').clone();

$(newDiv).css('display', 'block').find('img').attr('src','abc.png');