JSFiddle - React, Tailwind, and code Playground

by Nidhi Patel

HTML

<ul>
  <li><a href="#" id="One">One</a></li>
  <li><a href="#" id="Two">Two</a></li>
  <li>
    <a href="#" id="Three">Three</a>
  </li>
  <li><a href="#" id="Four">Four</a></li>
  <li><a href="#" id="Five">Five</a></li>
</ul>

CSS

.active {
    background-color : yellow;
}

JavaScript

var prev = document.getElementById("Three").parentElement.parentElement;
console.log(prev);
console.log(prev.nodeType);
while(prev.nodeType == 3)
    prev = prev.previousSibling;
prev.setAttribute("class", "active");