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工作。 – Purus 2013-02-15 16:54:14

jQuery - 從IMG標籤獲取標題屬性

回答

相關問題