Categories: jQuery

Traversing Siblings

Share

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:

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.

Recent Posts

Warm Comfort: Choosing the Best Hot Water Bottle for Cozy Nights

Introduction: As the chill of winter settles in or a bout of cold weather strikes,…

9 hours ago

One Location, Different Perspectives: The Allure of Dubai Marina Apartments

Nestled along the glittering waterfront of the City of Gold, Dubai Marina beckons to discerning…

9 hours ago

Role Of Gojek Clone In Growth Campaigns For Your Business

When was the last time you heard that a clone app like Gojek could efficiently…

14 hours ago

How to Optimize Your E-Commerce Pages and Improve UX?

The e-commerce market is growing and evolving at a rapid pace. More and more people…

1 day ago

What Not to Do When Navigating Through a Personal Injury Claim?

Navigating through a personal injury claim can be a complex and daunting process. If you've…

1 day ago

Overview of Reputation, Services, and Features of IplWin

IplWin stands as a reliable and enthralling platform for Indian punters, offering a captivating blend…

3 days ago