JSFiddle - React, Tailwind, and code Playground

by TrueBlueAussie

HTML

<div class="btn-group">
    <button type="button" class="btn dropdown-toggle actions" data-ids="1" data-toggle="dropdown" aria-expanded="false">
        <span class="glyphicon glyphicon-edit"></span>
    </button>
    <ul class="dropdown-menu" role="menu">
        <li><a href="" class="edit">Edit</a></li>
        <li><a href="" class="show">Show</a></li>
    </ul>
</div>
<div class="btn-group">
    <button type="button" class="btn dropdown-toggle actions" data-ids="2" data-toggle="dropdown" aria-expanded="false">
        <span class="glyphicon glyphicon-edit"></span>
    </button>
    <ul class="dropdown-menu" role="menu">
        <li><a href="" class="edit">Edit</a></li>
        <li><a href="" class="show">Show</a></li>
    </ul>
</div>

JavaScript

$(document).on('click', '.edit' , function(e) {

    e.preventDefault();
    var ids = $(this).closest(".btn-group").find('button').attr('data-ids');
    alert(ids)
});