Как получить href ссылки с помощью jquery?

#javascript #jquery

#javascript #jquery

Вопрос:

У меня есть простой код jquery:

 $(function(){                              
   $('#note_pag a').click(function(){      
    alert('click');                
    return false;                          
   });                                     
});            
  

и это html-код:

 <div id="note_pag">                               
  <ul>                                            
    <li><a href="1">1</a></li>                    
    <li><a href="2">2</a></li>                    
    <li><a href="3">3</a></li>                    
    <li><a href="4">4</a></li>                    
  </ul>                                           
</div>    
  

мой вопрос: как я могу получить href ссылки, на которую нажал пользователь?

Спасибо

Ответ №1:

Внутри обработчика событий this находится ссылка на элемент, на который нажат. Затем вы можете использовать этот элемент DOM для создания выделения jQuery, а затем использовать attr функцию для получения значения href атрибута:

 $(function(){                              
   $('#note_pag a').click(function(){      
    alert('cliccato link');  
    alert($(this).attr('href'));              
    return false;                          
   });                                     
});            
  

Комментарии:

1. $(this).prop('href') абсолютно бессмысленно — this.href работает так же хорошо.

Ответ №2:

 $(function(){                              
   $('#note_pag a').click(function(){      
    alert($(this).attr('href'));                
    return false;                          
   });                                     
});
  

Проверьте здесь http://jsfiddle.net/pHhw5 /