dom - Shortest way to get last element by class name in javascript

Question

I know that by using jQuery you can easily use :last selector to get the last element.

$(".some-element:last")

Although, this does not work with javascript.

document.querySelectorAll(".some-element:last")

What would be the best and shortest way to do the same thing in javascript?

Answer 1

Take a look at the Selectors Overview

E:last-child

an E element, last child of its parent

console.log(document.querySelectorAll(".some-element:last-child"))

<ul>
  <li class="some-element">1</li>
  <li class="some-element">2</li>
  <li class="some-element">3</li>
</ul>