JSFiddle - React, Tailwind, and code Playground

by bluey

HTML

<span style="float: left;margin-top: -3px;">
                            
    <div style="" class="btn-group">
                                
        <span class="btn-info btn-xs dropdown-toggle" data-toggle="dropdown" title="Click to change file type" type="button">HTML</span>

        <ul role="menu" class="dropdown-menu" data-page_id="16">
            <li class='setFileType_btn' data-setformat_id='2'><a href="#">JS</a>

            </li>
            <li class='setFileType_btn' data-setformat_id='1'><a href="#">HTML</a>

            </li>
            <li class='setFileType_btn' data-setformat_id='3'><a href="#">CSS</a>

            </li>
        </ul> 
        
        <span class="btn-info btn-xs" title="This file belongs to Template Group: grouptest2" type="button">grouptest2</span>

</div>
</span>

JavaScript

$( document ).on('click', ".setFileType_btn", function(){
	pageid = $( this ).closest( "ul" ).attr("data-page_id");
    setformatto = $( this ).attr("data-setformat_id");
    alert(pageid + "\n" + setformatto);
});