How to select last child element in jQuery

Question

How to select last child element in jQuery   Just the last child  not its descendants

User · Answer

By using the  last-child selector   Do you have a specific scenario in mind you need assistance with

User · Answer

If you want to select the last child and need to be specific on the element type you can use the selector last-of-type  Here is an example      div p last-of-type   css  border    3px solid red       div span last-of-type   css  border    3px solid red      lt div id  example  gt               lt p gt This is paragraph 1 lt  p gt               lt p gt This is paragraph 2 lt  p gt               lt span gt This is paragraph 3 lt  span gt               lt span gt This is paragraph 4 lt  span gt               lt p gt This is paragraph 5 lt  p gt           lt  div gt    In the example above both Paragraph 4 and Paragraph 5 will have a red border since Paragraph 5 is the last element of  p  type in the div and Paragraph 4 is the last  span  in the div

User · Answer

You can also do this    lt ul id  example  gt       lt li gt First lt  li gt       lt li gt Second lt  li gt       lt li gt Third lt  li gt       lt li gt Fourth lt  li gt   lt  ul gt      possibility 1     example li last   val       possibility 2     example   children   last      possibility 3     example li last-child   val       last   children   last     last-child

User · Answer

Hi all Please try this property      p span    last   addClass   highlight       Thanks

User · Answer

For 2019         jQuery 3 4 0 is deprecating  first   last   eq   even   odd   lt   gt    and  nth  When we remove Sizzle  we   ll replace it with a small wrapper   around querySelectorAll  and it would be almost impossible to   reimplement these selectors without a larger selector engine       We think this trade-off is worth it  Keep in mind we will still support the positional methods  such as  first   last  and  eq  Anything you can do with positional selectors  you can do with positional methods instead  They perform better anyway    https   blog jquery com 2019 04 10 jquery-3-4-0-released   So you should be now be using  first     last   instead  or no jQuery

User · Answer

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

[jquery] How to select last child element in jQuery?

Examples related to jquery

Examples related to jquery-selectors