JSFiddle - React, Tailwind, and code Playground

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.actions').data('ids');
    alert(ids)
});