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();

我想知道如何更改此 newDiv

的 img SRC

Answer 1

使用.find():

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

或 .children()(.children() 仅沿着 DOM 树向下移动一个级别。因此它会更快。):

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