淘先锋技术网

首页 1 2 3 4 5 6 7

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元素之后的所有同级元素的背景色都将变成黄色。