如何使用jQuery获取href值？

Question

我正在尝试使用 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>

但它不起作用。 为什么？

Answer 1

你需要

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

在 jQuery 单击处理程序中， this对象指的是单击的元素，而在您的情况下，您总是获得页面上第一个<a>的 href 。 顺便说一句，这就是为什么您的示例有效但您的真实代码无效的原因

Answer 2

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

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

通过ID获取href值

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

Answer 3

值得一提的是

$('a').attr('href'); // gets the actual value
$('a').prop('href'); // gets the full URL always

Answer 4

它有效...在 IE8 中测试（如果您正在测试计算机上的文件，请不要忘记允许 javascript 运行）和 chrome。

Answer 5

如果页面有一个<a>可以，但是，很多<a>必须使用var href = $(this).attr('href');

Answer 6

**Replacing  href attribut value to other** 
 
 <div class="cpt">
   <a href="/ref/ref/testone.html">testoneLink</a>
 </div>

  <div class="test" >
      <a href="/ref/ref/testtwo.html">testtwoLInk</a>
  </div>

 <!--Remove first default Link from href attribut -->
<script>
     Remove first default Link from href attribut
    $(".cpt a").removeAttr("href");
    
    Add  Link to same href attribut
    var testurl= $(".test").find("a").attr("href");
    $(".test a").attr('href', testurl);
</script>

Answer 7

如果你的html链接是这样的：

<a class ="linkClass" href="https://stackoverflow.com/"> Stack Overflow</a>

然后你可以访问jquery中的href，如下所示（不需要在href中使用“a”）

$(".linkClass").on("click",accesshref);

function accesshref()
 {
 var url = $(".linkClass").attr("href");
 //OR
 var url = $(this).attr("href");
}

Answer 8

<a class ="linkClass" href="https://stackoverflow.com/"> Stack Overflow</a>

$(".linkClass").click(function() {
                alert($(this).attr("href"));
            });

如何使用jQuery获取href值？

问题描述

8 个解决方案

解决方案1
395 已采纳 2010-01-20 01:38:47

解决方案2
14 2017-01-20 08:45:56

解决方案3
5 2020-06-28 18:26:17

解决方案4
2 2010-01-20 01:17:05

解决方案5
2 2010-01-20 08:11:54

解决方案6
0 2020-11-12 13:23:43

解决方案7
0 2021-01-22 05:55:45

解决方案8
0 2021-12-07 12:00:42

如何使用jQuery获取href值？

问题描述

8 个解决方案

解决方案1 395 已采纳 2010-01-20 01:38:47

解决方案2 14 2017-01-20 08:45:56

解决方案3 5 2020-06-28 18:26:17

解决方案4 2 2010-01-20 01:17:05

解决方案5 2 2010-01-20 08:11:54

解决方案6 0 2020-11-12 13:23:43

解决方案7 0 2021-01-22 05:55:45

解决方案8 0 2021-12-07 12:00:42

解决方案1
395 已采纳 2010-01-20 01:38:47

解决方案2
14 2017-01-20 08:45:56

解决方案3
5 2020-06-28 18:26:17

解决方案4
2 2010-01-20 01:17:05

解决方案5
2 2010-01-20 08:11:54

解决方案6
0 2020-11-12 13:23:43

解决方案7
0 2021-01-22 05:55:45

解决方案8
0 2021-12-07 12:00:42