jquery获取下一个元素

获取下一个兄弟元素

使用 next() 方法可以获取当前元素的下一个兄弟元素。

$("#currentElement").next();

该方法返回紧邻的下一个同级元素。若需筛选特定元素，可传入选择器参数：

$("#currentElement").next(".targetClass");

获取所有后续兄弟元素

通过 nextAll() 获取当前元素之后的所有兄弟元素：

$("#currentElement").nextAll();

同样支持选择器过滤：

$("#currentElement").nextAll("div");

获取直到某个元素的后续兄弟

nextUntil() 返回从当前元素到指定选择器之间的所有兄弟元素（不包含终止元素）：

$("#currentElement").nextUntil(".stopElement");

结合过滤器使用

可通过 :next 选择器或 filter() 进一步精确匹配：

$("#currentElement").next().filter(":visible");

注意事项

• 若目标元素不存在，返回的 jQuery 对象长度为 0。
• 链式操作时确保检查元素是否存在以避免错误。

示例完整代码：

let $nextElement = $("#currentElement").next();
if ($nextElement.length) {
    $nextElement.css("color", "red");
}