JQuery: how to check if an element is the last sibling?

Question

How to check if an item is the last sibling?

For the last cell in the row, I want to perform another action.

This does not work:

$('td').each(function(){ var $this = $(this); if ( $this === $this.parent().last('td') ) { alert('123'); } }) 

And also if I remove .parent() .

Answer 1

Try

 $('tr td:last-child').each(function(){ var $this = $(this); alert('123'); }); 

Answer 2

This is more elegant and worked for me:

 if($(this).is(':last-child')) { alert('123'); } 

Answer 3

Here you go, but that only makes sense if you want to do something different etc., as well as use the last-child method described in one of the other answers in a different way.

 $('td').each(function(){ var $this = $(this); if ($this.index() == $this.siblings().length-1) { alert('123'); } }) 

Answer 4

you can encode this path.

 var $this = $(this); if($this.index()==$this.siblings().size()-1) { alert("It the last."); }