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

Question

我正在尝试使用“标题”类获取href值。<a>这里的结果应该是路径"../../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]);
};