JSFiddle - React, Tailwind, and code Playground

by longmatthewh

HTML

<div class="outer">
    <div class="content"> 
        <span class="main">text</span>
    </div>
    <div class="nav">
        <div class="nav-wrap"> 
            <a class="enlarge"></a>
        </div>
    </div>
</div>

JavaScript

var main1 = jQuery('.enlarge').parent().parent().parent().find('.main');
alert('1>' + main1.html());

var nav2 = jQuery('.enlarge').parentsUntil('.nav');
var main2 = nav2.closest('.outer').find('.main');
alert('2>' + main2.html());

var main3 = jQuery('.enlarge').closest('.outer').find('.main');
alert('3>' + main3.html());