<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').slice(2)
  const ex2 = $('li').slice(2, 4)
  const ex3 = $('li').slice(-2, -1)
  
  console.log(ex1)
  console.log(ex2)
  console.log(ex3)
}

{
  const ex1 = Array.from(document.querySelectorAll('li')).slice(2)
  const ex2 = Array.from(document.querySelectorAll('li')).slice(2, 4)
  const ex3 = Array.from(document.querySelectorAll('li')).slice(-2, -1)
  
  console.log(ex1)
  console.log(ex2)
  console.log(ex3)
}

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