<p>Hello</p>
<p class="selected">Hello Again</p>
<div><span>And Again</span></div>
{
  const ex1 = $('p').next()
  const ex2 = $('p').next('.selected')
  
  console.log(ex1)
  console.log(ex2)
}

{
  const ex1 = Array.from(document.querySelectorAll('p'), element => {
    return element.nextElementSibling
  })
  const ex2 = Array.from(document.querySelectorAll('p')).reduce((prev, next) => {
    return next.nextElementSibling.matches('.selected') ? [...prev, next.nextElementSibling] : prev
  }, [])
  
  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