jQuery: how do I check if an element is the last sibling?

Question

How do I check if an element is the last sibling?

For the last cell in a row I want to perform a different action.

This doesn\'t work:

$(\'td         


        

Answer 1

Here you go, but that only make sense if you want to do something to the other tds as well other wise use the last-child method described in one of the other answers.

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

Answer 2

If you want to select multiple elements which are different tags with a common point, (for ex: all data-foo attribute defined tags like divs, inputs, text areas, etc.) you can follow this code:

var elements = $("*[data-foo]");

elements.each(function (){
    ..
    ..your code
    ..

    if (elements.index(this) == elements.length - 1) {
            ..you are at the end, do something else
    }
})

Answer 3

This is more elegant and worked for me:

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

Answer 4

Try

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

Answer 5

you can code this way.

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