The jQuery siblings() method returns all the sibling elements of the selected element.
For example:
$(“div”).siblings();
But if you want to filter the search for siblings then you can use an optional parameter.
$(“div”).siblings(“p”);
Read Also:
- Select an element with multiple classes in jQuery
- jQuery clone – create a deep copy of matched elements
Suppose you have a following HTML:
<div>Parent Div <p>p tag</p> <span>span tag</span> <h2>h2 tag</h2> <h3>h3 tag</h3> <p>p tag again</p> </div>
So, using this method you can select all siblings elements i.e.
$("h2").siblings().css({"color": "blue"});Output:
Parent Div
p tag
span tag
h2 tag
h3 tag
p tag again
See jQuery reference for more details.
Based on United States, Jacob Frazier is a skilled JavaScript developer with over 8 years of experience. He is passionate about change and trying new things, both professionally and personally. He loves startups and is extremely proactive.