在html按钮中定义两个属性并传递给jquery

Question

这是我的HTML类按钮，在其中可以找到具有一个值group_name的ID。但是我需要将另一个变量$group_search_overview->groupsid传递给jquery。

@foreach($groups_search_overview as $group_search_overview)
            <a class="btn btn-primary btn-block test_uebergabe" id="{{$group_search_overview->group_name}}">                   
                {{$group_search_overview->group_name}}
            </a>
@endforeach

这是我的jquery脚本

$(document).on('click', '.test_uebergabe', function () {
                var idgroups = $(this).attr("id");
                $('.modal-body').html(idgroups);
                $('#dataModal').modal({show: true});  
});

如何向jquery发送第二个变量？正确的方法是什么？

谢谢。

Answer 1

只需添加一个数据属性：

<a data-group="{{your variable here}} class="btn btn-primary btn-block test_uebergabe" id="{{$group_search_overview->group_name}}"">

比jquery：

let group = $(this).data('group');

其中this是当前聚焦的按钮。