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

时间:2013-04-16 03:11:38

标签: jquery

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

然后我使用警报检查结果..但不知何故,它似​​乎是空白的。

有谁能告诉我我做错了什么?

1 个答案:

答案 0 :(得分:2)

在根据类查找元素时使用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]);
};