DO YOU NEED A CONTENT WRITER FOR YOUR BUSINESS?

Your One-Stop Solution for All Content Needs! Click here for more!
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.

Jacob Frazier

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.

Recent Posts

How Did The Restaurant Industry change In Post Pandemic Era?

The coronavirus outbreak has drastically changed the way we live our lives. Yes, that's absolutely…

2 days ago

A Guide To CPQ and How It Fuels Marketing and Sales

Sales and marketing teams help attract, convert, and retain customers to ensure an organization’s long-term…

1 week ago

Top Questions Asked About Invoice Financing Applications

Are you an owner of a small business who’s trying to come up with ways…

2 weeks ago

Complete Medical Guide to Blood Sugar Testing and Glucose Control

Introduction When patients bring me their lab reports, the confusion is almost always the same.…

3 weeks ago

6 Tips to Strategically Remodel Your Home

Are you excited about remodeling your house after a long time? Perhaps if you're planning…

3 weeks ago

Driving Finding Balance on and off the Mat: How Calm Awareness Supports Everyday

The practice of yoga teaches us to be present, patient and mindful of our decisions.…

3 weeks ago