Jquery中提供了nextsibling()函數用來獲取下一個同級節點的元素。
$(document).ready(function(){ $("button").click(function(){ $("#test").nextSibling().css("background-color", "yellow"); }); });
上面的代碼是一個簡單的例子,當按鈕被點擊時,會查找id為test的元素的下一個同級元素,并改變其背景顏色為黃色。
需要注意的是,nextsibling()函數只會獲取下一個同級元素,如果要獲取下下一個同級元素,則需要使用nextsibling()函數嵌套。另外,如果下一個同級元素不是元素節點,而是文本節點等,則需要使用nextElementSibling()函數。
$(document).ready(function(){ $("button").click(function(){ $("#test").nextSibling().nextSibling().css("background-color", "yellow"); }); });
上面的代碼中,可以看到nextsibling()函數嵌套的例子,用于獲取下下一個同級元素。
總之,nextsibling()函數是Jquery中一個非常有用的函數,它可以幫助我們輕松地查找同級元素并進行各種操作。