您所在的位置:小祥子 » 编程 » JavaScript » 正文

jQuery获取某元素下所有的链接元素

时间:2015-07-14 编辑:一落叶而知秋 来源:Cnblogs

jQuery获取某元素下所有的链接元素:

在某些情况下需要获得某些元素下的所有链接,下面就介绍一下如何实现此效果。

代码实例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<title>蚂蚁部落</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.JS"></script>
<script language="javascript" type="text/javascript"> 
$(function(){ 
  $("#allA a").click(function(){ 
    window.alert(this.href); 
    return false; 
  }) 
}) 
</script> 
</head> 
<body> 
<div id="allA"> 
 <a href="http://www.51texiao.cn/">蚂蚁部落</a> 
 <a href="http://www.163.com/">网易</a> 
 <a href="http://www.qq.com/">腾讯</a> 
 <a href="http://www.sina.com/">新浪</a> 
</div> 
</body> 
</html>

以上代码中,当点击链接时,能够弹出相应链接的href属性值。

需要注意的几点:

1.$("#allA a")获取id为allA元素元素下的所有链接。

2.this.href中的this是被点击的当前链接对象。

原文地址是:http://www.51texiao.cn/jqueryjiaocheng/2015/0504/686.html

最为原始地址是:http://www.softwhy.com/ 

关键词:获取 元素