jQuery 教程

jQuery element + next 选择器

jQuery 选择器 jQuery 选择器

实例

选取与每个 <div> 元素相邻的下一个 <p> 元素:

$("div + p")
尝试一下 »

定义和用法

("element + next") 选择器选取指定元素 "element" 的下元素 "next"。"next" 元素必须置于指定元素 "element" 的右边。

实例:如果 <div> 元素右边有两个 <p> 元素,则语法如下:

  • $("div + p") - 只选取第一个 <p> 元素,因为它是 <div> 元素的下一个元素(另一个 <p> 元素将被忽略)

实例:如果 <div> 元素和 <p> 元素右边有一个 <h2> 元素,则语法如下:

  • $("div + p") - 将不选取 <p> 元素,因为 <div> 元素的下一个元素是 <h2> 元素

注意:指定的两个元素共享相同的父元素。


语法

$("element + next")

参数 描述
element 必需。任何有效的 jQuery 选择器。
next 必需。规定元素,必须是 element 参数的 next 元素。

实例

 尝试一下 - 实例

选取每个 <ul> 元素相邻的下一个 <div> 元素
如何选取每个 <ul> 元素相邻的下一个 <div> 元素。


jQuery 选择器 jQuery 选择器