Question

我遇到了一个问题，代码如下：

<img id = "ID" value = "Something" src = "images.gif"/>

然后我将点击功能绑定到此图像：

$("#ID").bind('click', function(){
    //Some manipulations here......
    //so, how can I get the value here?
    //which I mean, how can I get "Something" here?
});

谢谢！

我使用1.8版本的jQuery，抱歉我的分数不足以为你添加评论！

Answer 1

HTML

<img id = "ID" data-value = "Something" src = "images.gif"/>

JS：

$("#ID").on('click', function(){
    alert($(this).data('value')); //will alert "Something"
});

Fiddle

我已将“Something”移至data-value，因为img不是表单元素，因此value对img标记无效。另外，我使用on()代替bind()：

从jQuery 1.7开始，.on()方法是将事件处理程序附加到文档的首选方法。

话虽如此......如果由于某种原因无法更改HTML，您可以这样做：

$("#ID").on('click', function(){
    alert($(this).attr('value')); // will alert "Something"
});

Fiddle

Answer 2

您的HTML很奇怪（图片代码没有值属性）。让我们改为src -

$("#ID").bind('click', function(){
    var myVariable = $(this).attr('src'); // myVariable is now 'images.gif'
});

如何在click函数中获取窗口小部件的值？

2 个答案: