jQuery — Siblings

siblings()

$("li").siblings();           // All siblings
$("li").siblings(".active");  // Matching siblings

next()

$("p").next();            // Next sibling
$("p").nextAll();         // All following siblings
$("p").nextUntil(".end"); // Until selector

prev()

$("p").prev();            // Previous sibling
$("p").prevAll();         // All preceding siblings
$("p").prevUntil(".start"); // Until selector

Practical: Tab Navigation

$(".tab").click(function() {
    $(this)
        .addClass("active")
        .siblings()
        .removeClass("active");
});

Siblings Summary

Method	Description
siblings()	All siblings
next()	Next sibling only
nextAll()	All following
nextUntil()	Until selector
prev()	Previous sibling only
prevAll()	All preceding
prevUntil()	Until selector

Mini Practice

1. Get all siblings of an element
2. Use next() and prev() to navigate
3. Build a tab switcher
4. Use nextUntil() for range selection

Up Next

Continue with Filtering — narrowing down element selections.