jQuery是一款廣泛應用于前端開發的JavaScript庫,它簡化了JavaScript與HTML文檔的操作。下面我們就來講一下如何使用jQuery獲取所有a標簽的值。
$(document).ready(function(){ $("a").each(function(){ var link = $(this).attr("href"); var text = $(this).text(); console.log(link + " " + text); }); });
代碼解析:
第一行代碼表示當文檔完全加載,并且所有DOM元素都可以操作時,觸發一個執行函數。其中,$表示jQuery()函數的別名,即選取DOM元素的縮寫。
第二行代碼選取所有的a標簽,并對它們分別執行一個函數。$(this)代表當前選中的標簽。
第三行代碼使用attr()方法獲取a標簽的href屬性,并將其賦值給變量link。
第四行代碼使用text()方法獲取a標簽的文本內容,并將其賦值給變量text。
第五行代碼是打印出link和text的值。
至此,我們介紹了使用jQuery獲取所有a標簽的值的方法。最后附上完整代碼:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery獲取所有a標簽的值</title> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script> </head> <body> <a href="#">jQuery獲得所有a標簽的值</a> <a href="#">jQuery應用廣泛</a> <a href="#">JavaScript庫</a> <a href="#">前端開發</a> <script> $(document).ready(function(){ $("a").each(function(){ var link = $(this).attr("href"); var text = $(this).text(); console.log(link + " " + text); }); }); </script> </body> </html>