在jquery中设置data-src动态

bprjcwpo  于 2023-06-29  发布在  jQuery
关注(0)|答案(1)|浏览(182)

我尝试将data-src设置为动态的,因此在某些情况下,它将从服务dataOneOne获取数据,而其他时间,它将从dataOneTwo获取数据。这里是HTML代码

<div class="dataOne" data-src="dataOneOne"></div>

dataOneOne是一个返回数据的GET服务,但是,我想设置data-src动态。因此在某些情况下,它将调用dataOneTwo。
下面是我在jquery中尝试的代码

$(document).ready(function() {
 if(some circumstance){
   $("div.dataOne").attr("data-src", "dataOneTwo");
   var data = document.getElementByClass("dataOne");
   console.log(data); // the console log shows <div class="dataOne" data-src="dataOneTwo"></div>, but in network, it's still calling the dataOneOne GET service 
   // also tried below option too, 
   $("div.dataOne").data("src", "dataOneTwo"); // both console log and network are showing or using dataOneOne
 }
})
93ze6v8z

93ze6v8z1#

使用.data读取和设置data属性。特别是,不要将.attr.data混合使用,因为使用.data设置值不会设置HTML属性。

const src = $("div.dataOne").data('src'); // get value
$("div.dataOne").data('src', 'dataOneTwo'); // set value

相关问题