jQuery中的next(.)函數用于選擇一個元素的下一個同級元素。該函數使用一個參數來篩選下一個元素的類名、ID、標簽名等。
$(document).ready(function(){ $("button").click(function(){ $("#first").next().css("background-color", "yellow"); }); });
在上面的代碼中,當點擊一個按鈕時,選擇了ID為“first”的元素的下一個同級元素,然后修改了其背景顏色為黃色。需要注意的是,如果下一個元素不符合篩選條件,則函數不會選中任何一個元素。
該函數還可以使用一個可選參數來指定篩選條件。例如,下面的代碼選擇了ID為“second”的元素的下一個同級的下一個同級元素:
$(document).ready(function(){ $("button").click(function(){ $("#second").next("p").css("background-color", "yellow"); }); });
在上面的代碼中,選擇了ID為“second”的元素的下一個同級元素,如果該元素是一個p標簽,則修改其背景顏色為黃色。
需要注意的是,如果使用該可選參數選擇的下一個元素不符合篩選條件,函數同樣不會選中任何一個元素。
下一篇淘寶數量CSS