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

我有一个IMG标签列表，具有不同的TITLE属性，如下所示。jQuery - 从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：这是我在这里的第一个问题。所以建议如果我在这篇文章中做错了什么。

来源

2013-02-15 Purus

[适用于我]（http://jsfiddle.net/ZX98T/） – Engineer 2013-02-15 15:04:00

您是否记得document.ready并包含jQuery？ – adeneo 2013-02-15 15:04:23

你的代码似乎是正确的...而事实上它适用于我... – Bruno 2013-02-15 15:04:35

我添加了一个名为“名称”的新属性，这3个IMG标记和使用下面的代码才达到我需要的东西。感谢您对此的所有帮助。

$(this).attr('name')

来源

2013-02-17 06:59:51 Purus

我遇到了你在这里描述的同样的问题......似乎与你所提到的一切相同。使用属性名称的技巧也有效。有趣的是，对于我的网站，我注意到（因为我的网页需要几秒钟才能加载，因为它很大）alert（$（“＃myID”）。attr（“title”））DOES工作并提醒页面前的标题属性是完全加载，但一旦页面完全加载，它会提醒“未定义”....任何想法？ – 2014-09-04 16:24:20

注：这个答案是基于你有什么最初，$(this).title - 我相信你有$(this).attr('title')更新它应该工作正常原样。仍然在下面是访问title的推荐方式。

只是做alert(this.title);没有必要为此jQuery。

this里面的点击功能是img元素。它具有诸如src，标题，高度，宽度，e.t.c等属性。

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

来源

2013-02-15 15:00:09

感谢您的快速回复。当我尝试这个时，我只是得到一个空的警报框。 – Purus 2013-02-15 15:03:30

@Purus别的东西是错的。 – Jack 2013-02-15 15:04:45

HTML也有其他IMG标签。这是原因吗？我想获得已被点击的图像的标题。纠正我，如果我错了。 – Purus 2013-02-15 15:06:13

它的工作，请检查该Demo

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

来源

2013-02-15 15:06:21 rahul

我不这么认为，你把你的代码放在$（document）中。准备好（函数（）{/ *你的代码* /}）？ – rahul 2013-02-15 15:28:28

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

回答

相关问题