JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="page">
    <li><a href="1">Link</a>
        <ul class="subpage">
            <li><a href="#">Sub Link</a></li>
            <li><a href="#">Sub Link</a></li>
            <li><a href="#">Sub Link</a></li>
        </ul>
    </li>
    <li><a href="2">Link</a></li>
    <li><a href="3">Link</a></li>
    <li><a href="4">Link</a></li>
    <li><a href="5">Link</a></li>
</ul>

CSS

a.active { background: cyan; color: purple; }

JavaScript

jQuery(function() {
     $("ul.page li ul.subpage li a").each(function(){
         $(this).addClass('active');
     });
 });