HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>jQuery .parentsUntil DOM node</title>

  <style>

    .in-article { background: #fff3cd; outline: 1px dashed #856404; }

  </style>

</head>

<body>

  <aside>Sidebar — outside scope</aside>

  <article id="article-main">

    <section>

      <p>Paragraph with a <a href="#" class="deep-link">deep link</a>.</p>

    </section>

  </article>

  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

  <script>

    var stopEl = document.getElementById("article-main");

    $(".deep-link").parentsUntil(stopEl).addClass("in-article");

  </script>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

jQuery .parentsUntil(DOM node) — stop element (Try It)