Javascript 如何从图像标签中获取值?

Javascript 如何从图像标签中获取值?,javascript,jquery,Javascript,Jquery,我想从正在点击的图像(不是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="si

我想从正在点击的图像(不是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" \>
$(“img[id*='silmex'])。单击(函数(){
警报($(this.html());
});

您可以使用jQuery方法检索HTML元素的所有属性,如:

$("img[id*='silmex']").click(function(){
    alert($(this).attr('value'));
});
但是“value”不是HTML的有效属性,因此请使用数据信息和良好的jquery方法:


$(“img[id*='silmex'])。单击(函数(){
警报($(this.data('value'));
});

正如Pointy已经指出的,“值”不是图像标记的标准属性

使用HTML5数据属性可能是一个更干净的解决方案

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

用这个你的问题就会解决

$(this).attr("value")
但是考虑到
img
标记没有值属性,您可以使用HTML5中引入的
数据属性

像吼叫

<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'));
});

$(“img[id*='silmex'])。单击(函数(){
警报($(this.data('value'));
});

好的,“值”不是
标记的标准属性,但是您应该能够使用
$(this.attr(“value”)
获得它。您不应该有多个元素具有相同的ID,而应该使用
数据-
属性。。。。如果您确实切换到
数据值
属性,则可以使用
$(this)获取其值。数据(“值”)
请在使用特定函数之前阅读文档
.text
.html
以文本形式返回内部内容(即序列化的子节点)。由于图像没有子对象,您甚至不必“尝试”这些方法。您没有使用
attr()
方法。这是他的密码。对不起,我漏掉了一些东西
$(this).attr("value")
<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'));
});