無法從使用jquery的標記獲取href的值

Question

我正在嘗試使用「title」類獲取href值。這裏的結果應該是路徑"../../images/packages2/agra1.jpg"，但不知何故它不起作用。這是我的HTML：

<div id="packgeImages"> 
     <ul> 
<li><a class="title" href="../../images/packages2/agra1.jpg" rel="shadowbox" title=""><img src="../../images/packages2/agra1thumb.jpg" alt="thumb1" /></a></li> 
    </ul> 
    </div> 

，這裏是我的JavaScript：

var $title = $('.title').attr("href"); 

然後我使用警報檢查結果..但不知何故，它似​​乎空白。

有人可以告訴我我做錯了什麼嗎？

Answer 1

使用first查找基於類的元素時，可能會有多個具有相同類名稱的元素。

var $title = $('.title:first').attr("href"); 

這工作： http://jsfiddle.net/Xs9AC/2/

編輯的評論：

var arr = new Array(); // Create the array 

// Loop through each anchor 
$(".title").each(function(){ 
    arr.push($(this).attr("href")); 
}); 

// Loop through the populated array 
for (var i = 0; i < arr.length; i++) { 
    alert(arr[i]); 
};