jQuery Tutorial Tutorials - jQuery .siblings() method

The .siblings() method in jQuery is used to get all siblings of every matched element.

jQuery .siblings() method Syntax

.siblings([selector])

jQuery .siblings() method Example

example

Find the sibling elements of item3.

HTML

<ul>
    <li class="one">item1</li>
    <li>item2</li>
    <li class="third">item3</li>
    <li>item4</li>
    <li>item5</li>
</ul>

jQuery

$(".third").siblings()

Result

[
    <li class="one">item1</li>
    <li>item2</li>
    <li>item4</li>
    <li>item5</li>
]

Try now

example

Find all siblings with a class "one" of item3.

HTML

<ul>
    <li class="one">item1</li>
    <li>item2</li>
    <li class="third">item3</li>
    <li>item4</li>
    <li>item5</li>
</ul>

jQuery

$(".third").siblings('.one');

Result

[ <li class="one">item1</li> ]