Design TipsjQuery TipsProgramming Tips

Using jQuery To Check If Element Has Siblings

If you’ve used jQuery before, chances are you’ve also used the .siblings() selector method. Selecting siblings of elements comes in handy in many applications, but what if instead of selecting siblings, you just wanted to count them?

Counting Siblings With jQuery

Counting the number of siblings an element has with jQuery is incredibly simple.

$("#someElementId").siblings().size()

We can also use an “if” statement to check if the element has any siblings at all.

if ($("#someElementId").siblings().size() > 0) { // then it has siblings } else { // it doesn't }

.size() doesn’t just work with the siblings selector, so interchange .siblings() with any of the other selectors jQuery offers.

Leave a Reply

Allen Gingrich

Author Allen Gingrich

Allen has worked on the web for over a dozen years. Like many young entrepreneurs, he began with a small workspace in his basement, where he eventually formed Ideas and Pixels. The rest, well, is history. Allen enjoys fine wines, weight training, and beautiful, semantic code.

More posts by Allen Gingrich

Leave a Reply