Question

我有一个具有不同TITLE属性的IMG标记列表，如下所示。

<img src="avatar1.png" title="Admin" height="90px" width="90px" />  
<img src="avatar2.png" title="Purus" height="90px" width="90px" />  
<img src="avatar3.png" title="Test" height="90px" width="90px" />

我试图在用户点击图片时获取IMG标签的TITLE属性。下面是我使用过的jQuery。

$('img').click(function(){  
    alert($(this).attr('title'));  
});

使用此代码，我将警报设为“未定义”。我试图搜索，任何解决方案都没有帮助我。我在哪里错了？

PS：这是我在这里的第一个问题。如果我在这篇文章中做错了什么建议。

Answer 1

注意：此答案基于您最初的内容，$(this).title - 我相信您已使用$(this).attr('title')更新了该答案，这应该可以正常工作。以下是访问title的推荐方法。

只做alert(this.title);不需要jQuery。

click函数内的

this是img元素。它具有诸如src，title，height，width，e.t.c。

之类的属性

要访问这些属性，只需使用this对象作为this.src获取src属性值，this.title获取标题等等。

Answer 2

正常工作，请查看Demo

$('img').click(function(){  
    alert($(this).attr('title'));  
});

Answer 3

我为这3个IMG标签添加了一个名为“Name”的新属性，并使用下面的代码来实现我所需要的。感谢您的帮助。

$(this).attr('name')

jQuery - 从IMG标签获取标题属性

3 个答案: