jQuery element + next 选择器
实例
选取与每个 <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> 元素。