jQuery獲取某元素下所有的連結元素
在某些情況下需要獲得某些元素下的所有連結,下面就介紹一下如何實現此效果。
程式碼例項如下:
[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是被點選的當前連結物件。
相關文章
- jQuery獲取所有的checkbox核取方塊元素jQuery
- jQuery獲取所有的li元素程式碼例項jQuery
- jQuery獲取元素前面所有兄弟元素jQuery
- jquery獲取子元素jQuery
- jquery獲取元素節點jQuery
- jQuery獲取所有兄弟元素jQuery
- jQuery如何獲取當前元素的兄弟元素jQuery
- jQuery獲取li元素後面所有兄弟元素jQuery
- jquery如何獲取註冊在某個元素上的事件jQuery事件
- JQuery獲取當前元素本身jQuery
- jQuery獲取上一個元素jQuery
- jQuery在元素集合中獲取第N個元素jQuery
- jQuery獲取當前元素的下一個元素jQuery
- 獲取ul元素下的所有li元素
- jQuery獲取指定元素的父元素程式碼例項jQuery
- jQuery獲取當前li元素的下一個元素jQuery
- jquery 查詢某個元素的父元素jQuery
- jQuery如何獲取iframe中的元素jQuery
- 獲取div元素下li元素的數目
- jquery獲取指定元素下所有指定子元素的數目程式碼例項jQuery
- jquery獲取指定li元素後面的第n個li元素jQuery
- jQuery點選元素獲取此元素的id屬性值jQuery
- 使用jquery獲取指定元素的子元素程式碼例項jQuery
- js如何獲取兩個陣列共有的元素JS陣列
- jQuery如何實現獲取父元素下指定型別標籤的子元素集合jQuery型別
- jQuery如何獲取指定元素的索引值jQuery索引
- jquery獲取具有指定內容的元素jQuery
- jquery獲取元素高度程式碼例項jQuery
- jQuery如何獲取當前元素的索引jQuery索引
- jquery實現的獲取指定元素指定型別元素數目jQuery型別
- 獲取指定元素下所有li元素程式碼例項
- 控制檯獲取AngularJS某個元素的ScopeAngularJS
- jQuery獲取當前元素上一個兄弟元素例項程式碼jQuery
- jQuery獲取當前元素的上一級元素程式碼例項jQuery
- js獲取元素的方法(獲取html元素的方法)JSHTML
- Jquery如何獲取和設定元素內容?jQuery
- jQuery如何獲取元素的標籤名稱jQuery
- jquery獲取元素中文字的長度jQuery