如何使用jquery获取链接的href?

时间:2011-10-19 08:44:50

标签: 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?

由于

2 个答案:

答案 0 :(得分:3)

在事件处理程序中,this是对单击元素的引用。然后,您可以使用该DOM元素构建jQuery选择,然后使用attr函数获取href属性的值:

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

答案 1 :(得分:0)

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

点击此处http://jsfiddle.net/pHhw5/