не удалось получить значение href из тега с помощью jquery

Question

Я пытаюсь получить значение href в <a> с классом «title». Результатом здесь должен быть путь "../../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/

Edit для комментариев:

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]); 
};