Latest web development tutorials

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選擇器