JSFiddle - React, Tailwind, and code Playground

by isibbot

HTML

<div class="other-stuff">
    <div id="pane11" class="display-panel">
        <div class="row">
            <div class="nav">
                <button type="button" class="nav-button">Button 1</button>
            </div>
        </div>
    </div>
    <div id="pane12" class="display-panel">
        <div class="row">
            <div class="nav">
                <div class="subnav">
                    <button type="button" class="nav-button">Button 2</button>
                </div>
            </div>
        </div>
    </div>
</div>

JavaScript

$(function(){
    
    $('.nav-button').click(function (){
       //var p = $(this).parent().attr('class');
       var p = $(this).closest('div[class^="display-panel"]').attr('id');
       alert(p); 
    });
});