javascript - 如何在 img 元素中使用 `data-text` 属性？

Question

我正在尝试使用 html 的 data-text 属性将文本分配给图像，然后使用 jQuery 从该图像中提取文本，使用它来更改某处的 span 元素别的。 data-text 有效吗？它似乎不适用于我的代码。还有其他选择吗？

这是 jQuery 代码:

var target = $(".flex-active-slide img").attr("data-text");
$("#video_box_label").html(target);

这是带有 data-text 属性的 html:

<li id="Abijah_Ayele_slide">
    <img id="Abijah_Ayele_image" src="https://epwork.ep.corp/wg/ProdPayroll/Images_People/Abijah_Ayele.jpg" data-text="Abijah_Ayele">    
</li>
<li id="slide2">
    <img id="slide_image_2" src="https://epwork.ep.corp/wg/ProdPayroll/Images_People/Adil_Saleem.jpg" data-text="Adil_Saleem">
</li>

Answer 1

data-text 不是具有任何特殊功能的属性。以 data- 前缀开头的属性是自定义属性，如 w3schools says 。您可以使用jQuery .data() function来操纵这个属性。