nextAll() in jQuery gets all the siblings of each element in the set of matched elements optionally filtered by a selector whereas siblings() Get the siblings of each element in the set of matched elements, optionally filtered by a selector. I want to know the difference between both of these
Asked
Active
Viewed 1,000 times
0
-
5Check the [docs](https://api.jquery.com/nextAll/). `nextAll` will return only *following* siblings. – CertainPerformance Jan 06 '19 at 02:51
1 Answers
1
Just a demo of what CertainPerformance states.
// Siblings - Gets everyone living in the same container at same level
console.log('Siblings');
$('#mid').siblings().each(function() {
console.log($(this).text());
});
console.log('nextAll');
$('#mid').nextAll().each(function() {
console.log($(this).text());
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
<p>1</p>
<p>2</p>
<p>3</p>
<p id='mid'>4</p>
<p>5</p>
<p>6</p>
<p>7</p>
<p>8</p>
<p>9</p>
</div>

Bibberty
- 4,670
- 2
- 8
- 23