blocks|key|1353892|text|你需要|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1353893|var+href+=+$(this).attr('href');|code-block|syntax|javascript|1353894|在jQuery单击处理程序中，this对象引用所单击的元素，而在本例中，您总是获得页面上第一个<a>的href。顺便说一句，这就是为什么你的示例可以工作，但你的真实代码却不行的原因|offset|length|style|CODE|1353895|entityMap^0|0|0|F|4|1B|3|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

<p>You need</p>

<pre><code>var href = $(this).attr('href');
</code></pre>

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


blocks|key|1138828|text|您可以通过以下代码获取当前href值：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1138829|$(this).attr("href");|code-block|syntax|javascript|1138830|通过ID获取href值|1138831|$("#mylink").attr("href");|1138832|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>You can get current href value by this code:</p>

<pre><code>$(this).attr("href");
</code></pre>

<p>To get href value by ID </p>

<pre><code>$("#mylink").attr("href");
</code></pre>


blocks|key|1138877|text|值得一提的是|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1138878|$('a').attr('href');+//+gets+the+actual+value
$('a').prop('href');+//+gets+the+full+URL+always|code-block|syntax|javascript|1138879|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>It's worth mentioning that</p>
<pre><code>$('a').attr('href'); // gets the actual value
$('a').prop('href'); // gets the full URL always
</code></pre>


blocks|key|1353861|text|它起作用了..。在IE8+(如果你是在电脑上测试文件，别忘了允许javascript运行)和chrome中测试过的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1353862|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

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


blocks|key|1138774|text|如果页面只有一个<a>，它就可以工作，但是，许多<a>都必须使用var+href+=+$(this).attr('href');|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1138775|entityMap^0|8|3|O|3|W|W|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]|$9|K|A|L|B|C]|$9|M|A|N|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|O|8|@]|D|@]|E|$]]]|G|$]]

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


blocks|key|1138896|text|**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>

+
<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>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1138897|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>**Replacing  href attribut value to other** 
 
 &lt;div class=&quot;cpt&quot;&gt;
   &lt;a href=&quot;/ref/ref/testone.html&quot;&gt;testoneLink&lt;/a&gt;
 &lt;/div&gt;

  &lt;div class=&quot;test&quot; &gt;
      &lt;a href=&quot;/ref/ref/testtwo.html&quot;&gt;testtwoLInk&lt;/a&gt;
  &lt;/div&gt;

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


blocks|key|1138970|text|如果您的html链接是这样的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1138971|<a+class+="linkClass"+href="https://stackoverflow.com/">+Stack+Overflow</a>|code-block|syntax|javascript|1138972|然后您可以访问jquery中的href，如下所示(为此，不需要在href中使用"a“)|1138973|$(".linkClass").on("click",accesshref);

function+accesshref()
+{
+var+url+=+$(".linkClass").attr("href");
+//OR
+var+url+=+$(this).attr("href");
}|1138974|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>If your html link is like this:</p>
<pre><code>&lt;a class =&quot;linkClass&quot; href=&quot;https://stackoverflow.com/&quot;&gt; Stack Overflow&lt;/a&gt;
</code></pre>
<p>Then you can access the href in jquery as given below (there is no need to use &quot;a&quot; in href for this)</p>
<pre><code>$(&quot;.linkClass&quot;).on(&quot;click&quot;,accesshref);

function accesshref()
 {
 var url = $(&quot;.linkClass&quot;).attr(&quot;href&quot;);
 //OR
 var url = $(this).attr(&quot;href&quot;);
}
</code></pre>


blocks|key|1138998|text|假设你有这个html：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1138999|+++<a+class+="linkClass"+href="https://stackoverflow.com/">+Stack+Overflow</a>|code-block|syntax|javascript|1139000|您可以使用以下JS代码片段获取并显示href属性：|1139001|<script>
++++$(".linkClass").click(function()+{
++++++++alert($(this).attr("href"));
++++});
</script>|1139002|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<p>Assuming you have this html :</p>
<pre><code>   &lt;a class =&quot;linkClass&quot; href=&quot;https://stackoverflow.com/&quot;&gt; Stack Overflow&lt;/a&gt;
</code></pre>
<p>You can get and display the href attribute with this JS snippet :</p>
<pre><code>&lt;script&gt;
    $(&quot;.linkClass&quot;).click(function() {
        alert($(this).attr(&quot;href&quot;));
    });
&lt;/script&gt;
</code></pre>


<p>I'm trying to get href value using jQuery:</p>

<pre><code>&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;Jquery Test&lt;/title&gt;
         &lt;script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"&gt;&lt;/script&gt;
        &lt;script type="text/javascript"&gt;
        $(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();
            });
        });
        &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;a href="http://jquery.com/"&gt;jQuery&lt;/a&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>But it doesn't work. Why?</p>


How to get href value using jQuery?

jQuery

我正在尝试使用jQuery获取href值：<html>    <head>        <title>Jquery Test</title>         <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>        <script type="text/javascr

问如何使用jQuery获取href值？
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery获取href值？EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery获取href值？
EN