jquery 更改“data-image”属性的值

ff29svar 于 2023-08-04 发布在 jQuery

关注(0)|答案(3)|浏览(209)

我想通过使用switch和jquery在几个div中动态显示不同的图像。
我必须在data-image=""中添加图像。
下面是我的代码：

<div class="tb-image-carte" aria-hidden="true">
    <div data-image="" class="--contain"></div>
 </div>
 <div class="tb-image-carte" aria-hidden="true">
    <div data-image="" class="--contain"></div>
 </div>
 <div class="tb-image-carte" aria-hidden="true">
    <div data-image="" class="--contain"></div>
 </div>

字符串
下面是我的JavaScript代码：

var imageCarte = $('data-image');
    res.forEach(function(image) {
      switch (image.imageCode) { 
        case "1":
        case "2": 
        imageCarte = "the beach" 
        break
        case "3":
        case "4": 
        imageCarte = "home" 
        break
      }
    });

型
我想根据条件为每个data-image添加一个值

jquery

来源：https://stackoverflow.com/questions/51837221/change-the-value-of-data-image-attribute

3条答案

按热度按时间

oknrviil1#

你可以使用attr()函数：

$(".tb-image-carte>div">.attr("data-image","newattrdata");

字符串
我建议在图像div中添加一个ID，以避免错误，或者至少在类选择方面更加清晰：

<div data-image="" class="--contain" id="image1"></div>

//SO yo can do:
$("#image1").attr("data-image","new Data image");

型

赞(0）回复(0）举报 2023-08-04

zwghvu4y2#

你需要使用jQuery**.data()**方法：

var imageCarte = $('div[data-image]');

res.forEach(function(image) {
  switch (image.imageCode) { 
    case "1":
    case "2": 
        imageCarte.data("image", "the beach");
    break
    case "3":
    case "4": 
        imageCarte.data("image", "home");
    break
  }
});

字符串

赞(0）回复(0）举报 2023-08-04

gblwokeq3#

您可以轻松地更改数据图像行的值：
$（“div.--contain”）.attr（“data-image”，“new-value”）;

赞(0）回复(0）举报 2023-08-04