更改 li 的 data-src 值答案

【问题标题】：Change data-src value of li更改 li 的 data-src 值
【发布时间】：2014-08-26 10:01:13
【问题描述】：

如何更改 li 的 data-src 值？我正在使用 lightgallery jquery 插件并想更改缩略图的 data-src

 <li id="imageThumb" data-src="data:image/jpg;base64,@(Convert.ToBase64String(Model.Datas.Datas))">
            <img id="imageBig" src="data:image/jpg;base64,@(Convert.ToBase64String(Model.Datas.Datas))" />
        </li>

这个适用于 img src 但不是 li

     document.getElementById("imageBig").src = oFREvent.target.result;

【问题讨论】：

标签： javascript jquery

【解决方案1】：

有一个jquery标签所以

使用 jquery

$('#imageThumb').data('src','newValue');

使用javascript

document.getElementById("imageThumb").setAttribute('data-src', 'newVal');

DEMO

【讨论】：

【解决方案2】：

如果你确实在使用 jquery，那么

$(function() {
    $("#imageThumb").data("src", "myValue");
});

【讨论】：

【解决方案3】：

在 javascript 中试试这个

document.getElementById("imageBig").setAttribute("data-src", oFREvent.target.result);

【讨论】：

【解决方案4】：

使用 jquery

$('#imageThumb').prop('data-src',oFREvent.target.result);

【讨论】：