JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div>
        ...
        <!--  More nested on actual code-->
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active">
                <a href="#" data-toggle="tab">Tab 1</a>
            </li>
            <li role="presentation">
                <a href="#" data-toggle="tab">Tab 2</a>
            </li>
        </ul>
    </div>
    ...
    <div class="modal fade lookup" id="search-adjustment-report-header-modal">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-body">
                    ...
                    <ul class="nav nav-tabs" role="tablist">
                        <li role="presentation" class="active">
                            <a href="#" data-toggle="tab">Tab 1</a>
                        </li>
                         <li role="presentation" class="active">
                            <a href="#" data-toggle="tab">Tab 1</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</body>

JavaScript

var act = $("ul.nav > li:not(div.modal ul.nav > li)");