X
HOME HTML CSS JAVASCRIPT SQL PHP JQUERY XML ASP.NET MORE...
REFERENCES | EXAMPLES | FORUM | ABOUT

jQuery element + next Selector

jQuery Selectors 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


Examples

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 jQuery Selectors


Your suggestion:

Close [X]

Thank You For Helping Us!

Your message has been sent to W3Schools.

Close [X]
Search w3schools.com:

WEB BUILDING

Download XML Editor FREE Website BUILDER Free HTML5 Templates FREE Website Templates Free HTML Templates

SHARE THIS PAGE

facebook