更改img中的值

Question

目前我正在这样做：

 $('.Zoom').empty()
 $('.Zoom').prepend('<img id="zoom_07" src="Zoom.png" data-zoom-image=' + zoomImageDataUri + '/>');

我想要做的只是改变＆＃34; data-zoom-image =＆＃34;部分。我该怎么做，比如：

 document.getElementById("zoom_07")."data-zoom-image=""+ zoomImageDataUri +";

Answer 1

首先，如果使用jQuery创建元素，则不必担心转义/构建HTML字符串：

$('.Zoom').empty().prepend($('<img>',{id:'zoom_07', src:'Zoom.png','data-zoom-image':zoomImageDataUri});

其次，我不太确定你要用第二位做什么;你的语法很远。试试这个：

$('#zoom_07').attr('data-zoom-image',zoomImageDataUri);

您也可以使用$.data方法，但我认为它不会更新属性，只是jQuery的内部表示。

Answer 2

$('#zoom_07').attr('data-zoom-image', zoomImageDataUri);