jQuery ~ Sibling Selector

jQuery Selectors

The general sibling selector (~) selects all sibling elements of the specified element.

Sibling elements must have the same parent, butnextNot necessarily adjacent toAfter prev.

Syntax:

$("prev ~ next")

Example

Select all <p> elements that are siblings of <div> elements:

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

Parameter Value

jQuery Selectors