jQuery獲取某元素下所有的連結元素

admin發表於2017-02-13

在某些情況下需要獲得某些元素下的所有連結,下面就介紹一下如何實現此效果。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼執行程式碼
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="http://www.softwhy.com/" />
<title>jQuery獲取元素所有的連結</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script> 
$(function(){ 
  $("#allA a").click(function(){ 
    window.alert(this.href); 
    return false; 
  }) 
}) 
</script> 
</head> 
<body> 
<div id="allA"> 
 <a href="http://www.softwhy.com/">螞蟻部落</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是被點選的當前連結物件。

相關文章