Latest web development tutorials
 

jQuery element + next Selector

< jQuery Selectors

Example

Select the <p> element that are next to each <div> element:

$("div + p")
Try it Yourself »

Definition and Usage

The ("element + next") selector selects the "next" element of the specified "element". The "next" element must be placed right after the specified "element" to be selected.

Example: If you have two <p> elements right after a <div> element, this syntax:

  • $("div + p") - will only select the first <p> element, because it is the next element of the <div> element (the other <p> element will be ignored)

Example: If you have an <h2> element right after a <div> element, and then a <p> element, this syntax:

  • $("div + p") - will not select the <p> element, because the next element of the <div> element is the <h2> element

Note: Both of the specified elements must share the same parent.


Syntax

("element + next")

Parameter Description
element Required. Any valid jQuery selector
next Required. Specifies the element that should be the next element of the element parameter

Try it Yourself - Example

Select the <div> element that are next to each <ul> element
How to select the <div> element that are next to each <ul> element.


< jQuery Selectors