<ul>
  <li>list item 1</li>
  <li>list item 2</li>
  <li>list item 3</li>
  <li>list item 4</li>
  <li>list item 5</li>
</ul>
{
  const ex1 = $('li').eq(2)
  const ex2 = $('li').eq(-2)
  
  console.log(ex1)
  console.log(ex2)
}

{
  const ex1 = document.querySelectorAll('li')[2]
  const ex2 = Array.from(document.querySelectorAll('li')).at(-2)
  
  console.log(ex1)
  console.log(ex2)
}

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/modern-normalize/1.1.0/modern-normalize.min.css
  2. https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&amp;display=swap

External JavaScript

  1. https://releases.jquery.com/git/jquery-3.x-git.slim.min.js