jQuery .nextAll() Method

What Is .nextAll()?

.nextAll([selector]) (since jQuery 1.2) returns all following siblings of each matched element — every sibling that comes after it under the same parent. Optional selector filters that set. Returns a new jQuery object; does not change the DOM.

$("li.third-item").nextAll();           // items 4 and 5
$("div").first().nextAll();             // all divs after the first
$(":nth-child(1)").nextAll("p");        // following p siblings only
$("li.third-item").nextAll().addBack(); // start + everything after

// next()     → only the immediate next sibling
// nextAll()  → all following siblings
// prevAll()  → all preceding siblings
// siblings() → all siblings (before + after)

How to Use .nextAll()

Select a starting sibling, then collect everything after it.

1. Select the starting element (e.g. $("li.third-item")).
2. Call .nextAll() for every following sibling.
3. Or pass a selector: .nextAll("p") to keep matching tags only.
4. Chain methods on the new set (.append(), .each(), …).
5. Need the start too? Chain .addBack().

Pseudocode

call $(starts).nextAll(selector?)

result = empty set
for each start in the matched set:
    sibling = start.nextElementSibling
    while sibling is not null:
        if no selector OR sibling matches selector:
            add sibling to result
        sibling = sibling.nextElementSibling

return result as a new jQuery object
(start itself is never included)

Cheat Sheet

Keep these sibling methods side by side.

Live Preview

From li.third-item, compare .next(), .nextAll(), and .addBack().

Ready — choose a call and click Run.

jQuery Examples

Short, copy-ready snippets. Open DevTools, or use Try It Yourself for a live editor.

$("li.third-item").nextAll().append(" [after]");

list item 1
list item 2
list item 3
list item 4 [after]
list item 5 [after]

$("div").first().nextAll().append(" [after]");

first
sibling child [after]
sibling [after]
sibling [after]

$(":nth-child(1)").nextAll("p").append(" [p]");

Following p siblings get [p]
Intervening div siblings are skipped by the filter

$("#next-demo li.third-item").next().append(" [next]");
$("#nextall-demo li.third-item").nextAll().append(" [nextAll]");

.next() → only list item 4 [next]
.nextAll() → list item 4 [nextAll] and 5 [nextAll]

$("li.third-item").nextAll().addBack().append(" [from 3]");

list item 3 [from 3]
list item 4 [from 3]
list item 5 [from 3]

Performance Notes

Prefer .next() when you only need the neighbor, and .nextUntil() when you have a clear end marker.

Key Takeaways