jquery怎么获取多个a标签里面的href值呢

时间:2022-04-05 09:14:57
有多个<a>我想点击一个a的时候就获取点击的这个A里面的  href的值






<script src="./jquery.js"></script>
<script>
function cc(){
  var url=$("#cns").arrt("href");
  alert(url);  //我这里获取每次都是第一个,怎么样能我点击那个获取 那个的hrf呢
}
</script>


<a href="baidu.com/{v.id}" id="cns" onclick="cc()">首页</a>
<a href="baidu.com/{v.id}" id="cns" onclick="cc()">张三</a>
<a href="baidu.com/{v.id}" id="cns" onclick="cc()">王五</a>
<a href="baidu.com/{v.id}" id="cns" onclick="cc()">李四</a>




3 个解决方案

#1


用 jQuery 时的规范写法
<script>
$(function() {
   $(".cns").click(function() {
     url = $(this).attr(("href");
     alert(url);
   })
});
</script>
 
<a href="baidu.com/{v.id}" class="cns">首页</a>
<a href="baidu.com/{v.id}" class="cns">张三</a>
<a href="baidu.com/{v.id}" class="cns">王五</a>
<a href="baidu.com/{v.id}" class="cns">李四</a>

你的代码错误太多,如有需要可以给你一一讲解

#2


id 不能重复,可改用class
而且arrt应该是attr
这样改就可以了

<script>
$(function(){
 $('.cns').click(function(){
  alert($(this).attr('href'));
  //return false; // 加上這個可以防止跳轉
 })

})
</script>
 
 
<a class="cns" href="baidu.com/{v.id}">首页</a>
<a class="cns" href="baidu.com/{v.id}">张三</a>
<a class="cns" href="baidu.com/{v.id}">王五</a>
<a class="cns" href="baidu.com/{v.id}">李四</a>

#3


id唯一原则,重复id是不行的. 换class. 看楼上.

#1


用 jQuery 时的规范写法
<script>
$(function() {
   $(".cns").click(function() {
     url = $(this).attr(("href");
     alert(url);
   })
});
</script>
 
<a href="baidu.com/{v.id}" class="cns">首页</a>
<a href="baidu.com/{v.id}" class="cns">张三</a>
<a href="baidu.com/{v.id}" class="cns">王五</a>
<a href="baidu.com/{v.id}" class="cns">李四</a>

你的代码错误太多,如有需要可以给你一一讲解

#2


id 不能重复,可改用class
而且arrt应该是attr
这样改就可以了

<script>
$(function(){
 $('.cns').click(function(){
  alert($(this).attr('href'));
  //return false; // 加上這個可以防止跳轉
 })

})
</script>
 
 
<a class="cns" href="baidu.com/{v.id}">首页</a>
<a class="cns" href="baidu.com/{v.id}">张三</a>
<a class="cns" href="baidu.com/{v.id}">王五</a>
<a class="cns" href="baidu.com/{v.id}">李四</a>

#3


id唯一原则,重复id是不行的. 换class. 看楼上.