JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
    <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li><a href="#">Clients</a></li>
        <li><a href="#">Contact Us
            <ul>
                <li><a href="#" id="enquiry">Enquiry</a></li>
            </ul>
            </a></li>
    </ul>
</nav>

JavaScript

(function( $ ){
    $.fn.up = function(level, selector) {
        level = level!==undefined ? level : 1;
        var el = this;
        while (level) {
            el = el.parent(selector);
            level--;
        }
        return el;
    };
})( jQuery );

$('#enquiry').up(4).prepend('<span>My Fancy Company</span>');
$('span').up().css('background', '#ddf');