How to select last child element in jQuery?

Question

How to select last child element in jQuery?

Just the last child, not its descendants.

Answer 1

You can also do this:

<ul id="example">     <li>First</li>     <li>Second</li>     <li>Third</li>     <li>Fourth</li> </ul>  // possibility 1 $('#example li:last').val(); // possibility 2 $('#example').children().last() // possibility 3 $('#example li:last-child').val(); 

:last

.children().last()

:last-child

Answer 2

For perfomance:

$('#example').children().last() 

or if you want a last children with a certain class as commented above.

$('#example').children('.test').last() 

or a specific child element with a specific class

$('#example').children('li.test').last()