Jquery 是一個流行的 JavaScript 庫。其中有一組方法,它們幫助我們輕松地在 HTML 頁面中循環遍歷元素。這些方法就是 next() 和 prev()。
next() 方法返回下一個元素。例如,我們可以使用下面的代碼找到當前元素的下一個相鄰元素:
$(document).ready(function(){ $("button").click(function(){ $(this).next().hide(); }); });
在這個例子中,當用戶單擊按鈕時,將隱藏按鈕下一個相鄰的元素。
類似地,我們可以使用 prev() 方法查找前一個相鄰元素。例如:
$(document).ready(function(){ $("button").click(function(){ $(this).prev().hide(); }); });
在這個例子中,當用戶單擊按鈕時,將隱藏按鈕前一個相鄰的元素。
這些方法可以用于循環遍歷元素。例如:
$(document).ready(function(){ $("button").click(function(){ $(this).nextAll().css("background-color", "yellow"); }); });
在這個例子中,當用戶單擊按鈕時,將將按鈕后面的所有元素的背景顏色設置為黃色。
Jquery next() 和 prev() 方法可以使你在 HTML 頁面中輕松地循環遍歷元素。它們是每個 Web 開發人員應該掌握的工具之一。