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