无法使用jquery从标记中获取href的值

Question

我正在尝试使用类“title”获取<a>的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]);
};