JSFiddle - React, Tailwind, and code Playground

by John Grivas

HTML

<li id="branches">Branches
    <ul>
        <li class="a">Victoria
            <ul>
                <li>Sales Code</li>
                <li>Job Status
                    <ul>
                        <li>ready for processing</li>
                        <li>job deleted</li>
                        <li id="selected">coming</li>
                    </ul>
                </li>
            </ul>
        </li>
        <li class="b">Victoria
            <ul>
                <li>Sales Code</li>
                <li>Job Status
                    <ul>
                        <li>ready for processing</li>
                        <li>job deleted</li>
                        <li>coming</li>
                    </ul>
                </li>
            </ul>
        </li>
    </ul>
</li>

JavaScript

var hasAclass = $("#selected").parents(".a").length > 0;
var hasBclass = $("#selected").parents(".b").length > 0;
if (hasAclass) {
    //ok I am inside a class  
        alert('ok I am inside a class');

} 
else if (hasBclass) {    
        //ok I am inside b class   
    alert('ok I am inside b class');
    }
else {
    //I am neither isnide .a class nor inside .b class
            alert('I am neither isnide .a class nor inside .b class');
    }