更改驻留在克隆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);

Answer 2

使用.find()和.attr()

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

DEMO

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

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