Question

我想要从被点击的图像（不是src值）中获取值。我试过没有运气的val（），text（）和html（）。这样做的正确方法是什么？

$("img[id*='silmex']").click(function(){
alert($(this).html());
});


<img id="silmex" value="265" src="./x.png" \>
<img id="silmex" value="845" src="./x.png" \>
<img id="silmex" value="698" src="./x.png" \>

Answer 1

正如Pointy已经指出的，“值”不是图像标签的标准属性。

使用HTML5数据属性可能是一个更清洁的解决方案。

<img class="silmex" data-value="265" src="./x.png" />

然后，您可以使用

访问这些数据属性

$(this).data('value');

Answer 2

使用此问题将解决您的问题

$(this).attr("value")

但考虑到img代码没有值属性，您可以使用HTML5中引入的data-attributes。

喜欢吼叫

<img id="silmex" data-value="265" src="./x.png" \>
<img id="silmex" data-value="845" src="./x.png" \>
<img id="silmex" data-value="698" src="./x.png" \>


$("img[id*='silmex']").click(function(){
   alert($(this).data('value'));
});

DEMO

Answer 3

您可以使用jQuery attr()方法检索HTML元素的所有属性，如：

$("img[id*='silmex']").click(function(){
    alert($(this).attr('value'));
});

但＆＃34;价值＆＃34;不是HTML的有效属性，因此请使用数据信息和良好的jquery方法：data()

<img id="silmex" data-value="265" src="./x.png" \>

$("img[id*='silmex']").click(function(){
    alert($(this).data('value'));
});

如何从图像标签中获取值？

3 个答案: