jQuery element + next Selector
jQuery SelectorsDefinition 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.
