JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="main-menu">
        <li>
            <a href="domain.com/host">Host</a>
            <ul class="sub-menu nav">
                <li>
                    <a href="domain.com/host/party">1</a>
                </li>
                <li>
                    <a href="domain.com/host/party">2</a>
                </li>
                <li>
                    <a href="domain.com/host/party">3</a>
                </li>
                <li>
                    <a href="domain.com/host/party">4</a>
                </li>
            </ul>
        </li>
    </ul>

JavaScript

$('.main-menu > li > a').each(function(ev){
    		var name = $(this).val();
    		console.log(name);
    	});