JQuery中的next()方法用于选择当前元素的下一个同级元素。
$(document).ready(function(){ $("button").click(function(){ $("#test").next().css("background-color", "yellow"); }); });
在上面的例子中,当按钮被点击时,#test元素的下一个同级元素的背景色将会变成黄色。
需要注意的是,如果需要选择下一个指定的同级元素,可以使用选择器作为参数:
$(document).ready(function(){ $("button").click(function(){ $("#test").next("p").css("background-color", "yellow"); }); });
在上面的例子中,当按钮被点击时,#test元素的下一个同级p元素的背景色将会变成黄色。
此外,还可以使用nextAll()方法选择当前元素之后的所有同级元素:
$(document).ready(function(){ $("button").click(function(){ $("#test").nextAll().css("background-color", "yellow"); }); });
在上面的例子中,当按钮被点击时,#test元素之后的所有同级元素的背景色都将变成黄色。