How to select last child element in jQuery?

by

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

More Related Contents:

  1. jQuery selectors with variables
  2. What is fastest children() or find() in jQuery?
  3. jQuery Selector: Id Ends With?
  4. jQuery OR Selector?
  5. jQuery selector value escaping
  6. Sort divs in jQuery based on attribute ‘data-sort’?
  7. jquery find versus context selection
  8. Set selected option of select box
  9. jQuery dot in ID selector? [duplicate]
  10. jQuery :contains() selector uppercase and lower case issue
  11. fullcalendar multiple cell select on mobile device?
  12. CSS selector case insensitive for attributes
  13. jQuery get all divs which do not have class attribute
  14. jQuery Set Select Index
  15. Difference between :hidden and :not(:visible) in jQuery
  16. How can I get the corresponding table header (th) from a table cell (td)?
  17. jQuery : eq() vs get()
  18. Select elements without any class [duplicate]
  19. jQuery attribute selector for multiple values
  20. jQuery: selector (classname with space)
  21. JQuery data selector not updating with .data
  22. Target elements by class prefix
  23. :nth-of-type() in jQuery / Sizzle?
  24. jQuery hasClass() – check for more than one class
  25. Changing the child element’s CSS when the parent is hovered
  26. addID in jQuery?
  27. CSS selector to select an id with a slash in the id name?
  28. Using jQuery how do I select a range of rows?
  29. Jquery find all ids starting with a string?
  30. How to use multiple jquery object variables as selectors?

Leave a Comment