Next adjacent Selector ("prev + next")
Categories: Hierarchy
jQuery('prev + next')
Description: Selects all next elements matching "next" that are immediately preceded by a sibling "prev".
-
jQuery('prev + next')
version added: 1.0prev Any valid selector.
next A selector to match the element that is next to the first selector.
One important point to consider with both the next adjacent sibling selector (prev + next
) and the general sibling selector (prev ~ siblings
) is that the elements on either side of the combinator must share the same parent.
-
Finds all inputs that are next to a label.
HTML:
<form> <label>Name:</label> <input name="name" /> <fieldset> <label>Newsletter:</label> <input name="newsletter" /> </fieldset> </form> <input name="none" />
Code:
$("label + input").css("color", "blue").val("Labeled!")