this.val在JQuery中不起作用

Question

$('.free-gifts').on("click",".free-gift-item", function() {

    console.log(this.val());

});

这是我的代码，当我只编写＆＃39;这个＆＃39;在console.log中：

<img class="free-gift-item" value="Vaucet1" src="//cdn.shopify.com/s/files/1/1158/4752/t/2/assets/Vaucet1.jpg?11031098756291991926">

也许.value仅适用于$。那么应该使用什么逻辑？

Answer 1

由于图片不具有值属性（无效的HTML），因此您应该使用data attributes将任意数据分配给元素。

<img class="free-gift-item" data-value="Vaucet1" src="//cdn.shopify.com/s/files/1/1158/4752/t/2/assets/Vaucet1.jpg?11031098756291991926">

然后使用jQuery＆＃39; .data()方法检索值：

$('.free-gifts').on("click",".free-gift-item", function() {
    console.log($(this).data('value'));
});