jQuery + Adjacent Sibling Selector

jQuery Selectors

Adjacent sibling selector (+）Selects the element placed after the first specified element (not inside).

Sibling elements must have the same parent element, 'adjacent' means 'immediately following'.

Syntax:

$("prev　+　next")

Example

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

$(document).ready(function(){
　　$("div　+　$("p").css("background", "mediumpurple");
});

Parameter Value

jQuery Selectors