如何使用jQuery获得href值?

我想使用jQuery获取href值:

<html> <head> <title>Jquery Test</title> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script> <script type="text/javascript"> $(document).ready(function() { $("a").click(function(event) { alert("As you can see, the link no longer took you to jquery.com"); var href = $('a').attr('href'); alert(href); event.preventDefault(); }); }); </script> </head> <body> <a href="http://jquery.com/">jQuery</a> </body> </html> 

但它不起作用。 为什么?

你需要

 var href = $(this).attr('href'); 

在一个jQuery点击处理程序中, this对象是指被点击的元素,而在你的情况下,你总是得到页面上第一个<a>的href。 顺便说一下,这就是为什么你的例子有效,但是你真正的代码不能

您可以通过以下代码获取当前的href值:

 $(this).attr("href"); 

通过ID获取href值

 $("#mylink").attr("href"); 

它的工作原理…在IE8中testing(不要忘记,如果你正在从你的电脑testing文件允许JavaScript运行)和铬。

如果页面有一个<a>它工作,但是,许多<a> ,必须使用var href = $(this).attr('href');