jQuery是一種流行的JavaScript庫,它可以輕松地對HTML文檔進行修改和操作。其中,遍歷所有的兄弟元素是一項常見的操作,可以使用jQuery提供的siblings()方法來實現。
$(document).ready(function(){ $("p").click(function(){ $(this).siblings().css("background-color", "yellow"); }); });
代碼解釋:
當頁面加載完畢后,對所有的p元素綁定了一個點擊事件。當某個p元素被點擊后,jQuery將會獲取其所有的兄弟元素,并將它們的背景顏色設置為黃色。
需要注意的是,siblings()方法只會返回與當前元素同級的所有兄弟元素,即它們具有相同的父元素。如果需要獲取所有的兄弟元素,包括跨級的元素,需要使用jQuery的cousins()方法。
$(document).ready(function(){ $("p").click(function(){ $(this).parent().children().css("background-color", "yellow"); }); });
代碼解釋:
當頁面加載完畢后,對所有的p元素綁定了一個點擊事件。當某個p元素被點擊后,jQuery將會獲取其父元素的所有子元素,即所有的兄弟元素,并將它們的背景顏色設置為黃色。
總之,使用jQuery可以輕松地遍歷所有的兄弟元素,從而對HTML文檔進行靈活的操作和修改。