當我們需要操作網頁中的元素時,jquery是一個非常強大的庫。在本文中,我們將介紹如何使用jquery遍歷所有的
元素。
$('div').each(function() {
//處理每個<div>元素的代碼
});
代碼很簡單 - 首先我們選擇了所有的
元素,然后使用.each()函數來遍歷它們。該函數將傳遞每個
對象給所提供的函數,現在看看如何使用它。
$('div').each(function() {
console.log($(this).attr('id'));
});
在上面的代碼中,我們為每個
元素打印出其id。通過使用$(this)來引用當前元素,我們可以輕松地獲取它的屬性。
我們也可以用類似的方式來獲取所有對應的CSS值。
$('div').each(function() {
console.log($(this).css('height'));
});
在上面的代碼中,我們打印出了每個
元素的高度值。如果您想對每個元素進行更復雜的操作,則可以添加更多的代碼。
總的來說,使用jquery可以讓我們輕松地處理網頁中的元素。通過使用.each()函數,我們可以遍歷所有的
元素并對它們進行各種各樣的處理。