admin管理员组

文章数量:1130183

I'm trying to get href value using jQuery:

<html>
    <head>
        <title>Jquery Test</title>
         <script type="text/javascript" src=".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");
                var href = $('a').attr('href');
                alert(href);
                event.preventDefault();
            });
        });
        </script>
    </head>
    <body>
        <a href="/">jQuery</a>
    </body>
</html>

But it doesn't work. Why?

I'm trying to get href value using jQuery:

<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>

But it doesn't work. Why?

  • javascript
  • jquery
Share Improve this question edited Jun 30, 2015 at 14:30 informatik01 16.4k11 gold badges78 silver badges108 bronze badges asked Jan 20, 2010 at 1:13 Adi SembiringAdi Sembiring 5,92612 gold badges61 silver badges70 bronze badges 3
  • Care to tell us what exactly didn't work? was the alert empty? did you even get 2 alerts? Any js errors? It's working for me... – Ben Rowe Commented Jan 20, 2010 at 1:45
  • upss ..., sorry. the problem is clear cache – Adi Sembiring Commented Jan 20, 2010 at 2:22
  • Fiddle here: jsfiddle.net/LijoCheeran/t1xs4wo7 – LCJ Commented May 5, 2018 at 5:11
Add a comment  | 

8 Answers 8

Reset to default 446

You need

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

Inside a jQuery click handler, the this object refers to the element clicked, whereas in your case you're always getting the href for the first <a> on the page. This, incidentally, is why your example works but your real code doesn't

It's worth mentioning that

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

You can get current href value by this code:

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

To get href value by ID 

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

Assuming you have this html :

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

You can get and display the href attribute with this JS snippet :

<script>
    $(".linkClass").click(function() {
        alert($(this).attr("href"));
    });
</script>

It works... Tested in IE8 (don't forget to allow javascript to run if you're testing the file from your computer) and chrome.

if the page have one <a> It Works，but，many <a> ,have to use var href = $(this).attr('href'); 

**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>

If your html link is like this:

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

Then you can access the href in jquery as given below (there is no need to use "a" in href for this)

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

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

本文标签： javascriptHow to get href value using jQueryStack Overflow

版权声明：本文标题：javascript - How to get href value using jQuery? - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1736742269a1950576.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。