如何使用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');