jQuery element + next 選擇器

2018-09-25 10:40 更新

jQuery element + next 選擇器

jQuery 選擇器 jQuery 選擇器

實(shí)例

選取與每個(gè) <div> 元素相鄰的下一個(gè) <p> 元素:

$("div + p")

嘗試一下 ?

定義和用法

("element + next") 選擇器選取指定元素 "element" 的下元素 "next"。"next" 元素必須置于指定元素 "element" 的右邊。

實(shí)例:如果 <div> 元素右邊有兩個(gè) <p> 元素,則語法如下:

  • $("div + p") - 只選取第一個(gè) <p> 元素,因?yàn)樗?<div> 元素的下一個(gè)元素(另一個(gè) <p> 元素將被忽略)

實(shí)例:如果 <div> 元素和 <p> 元素右邊有一個(gè) <h2> 元素,則語法如下:

  • $("div + p") - 將不選取 <p> 元素,因?yàn)?<div> 元素的下一個(gè)元素是 <h2> 元素

注意:指定的兩個(gè)元素共享相同的父元素。


語法

("element + next")

參數(shù) 描述
element 必需。任何有效的 jQuery 選擇器。
next 必需。規(guī)定元素,必須是 element 參數(shù)的 next 元素。


實(shí)例

嘗試一下 - 實(shí)例

選取每個(gè) <ul> 元素相鄰的下一個(gè) <div> 元素
如何選取每個(gè) <ul> 元素相鄰的下一個(gè) <div> 元素。


jQuery 選擇器 jQuery 選擇器

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)