Determining if an element is the last child of its parent

Question

Using jQuery, is there a quick way to find out if an element is its last parent child?

Example:

<ul> <li id="a"></li> <li id="b"></li> <li id="c"></li> </ul> $('#b').isLastChild(); //should return FALSE $('#c').isLastChild(); //should return TRUE 

Answer 1

Use : last-child selector with .is ()

 $('#c').is(':last-child') 

Answer 2

You can use .is() with :last-child as follows:

 $('#b').is(":last-child"); //false $('#c').is(":last-child"); //true 

Here you can test it . Another option is to check .next().length if it is 0 is the last element.

Answer 3

 if($('#b').is(":last-child")){ }