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

Top Programming Trends You Need to Know in 2024

Programming continues to evolve at a rapid pace, with new trends and technologies emerging every…

4 hours ago

Why startups need a digital marketing strategy?

Let’s be honest; a startup business hardly has sufficient amount to promote their services and…

18 hours ago

How to Find the Best SEO Consultant in Toronto to Boost Your Rankings

Introduction In today's digital age, having a strong online presence is crucial for businesses in…

1 day ago

Sharing USB across networks

You may need access to a printer, scanner, webcam, or dongle connected to another computer.…

2 days ago

Tourist Attractions: 5 Top-Rated Must-See Places in Dubai

From skyscrapers to endless deserts, from luxurious malls to Michelin star restaurants, Dubai has it…

2 days ago

Fractional CTO Services: Catalyzing Growth in the Logistics Sector

In today's fast-paced digital world, the logistics and supply chain sector is encountering unprecedented challenges…

2 days ago