JQuery，我如何通过class和data-id来定位文档元素

Question

这是当前的jquery，我试图选择具有类groupMessages且data-id等于（this）的元素。目前，它使点击的项目消失（这）但它不会切换我想要显示的项目（具有类groupMessages和data-id（this）的项目）

$(document).ready(function(){
    $('.group').click(function(){

        $('[data-id=' + $(this).data('id') + ']').toggle();


    })
});

EJS看起来像这样：

<% groups.forEach(function(group) { %>
                    <div data-id="<%= group._id %>" class="groupMessages">

                                <input data-id="<%= group._id %>" class="inputMessage" type="text"> </input>
                                <input data-id="<%= group._id %>" class="btn message" value="Send"/>
                                </br>
                                <%= group.message %>
                                </br>
                                <% }) %>

Answer 1

$(this).attr('id').toggle();

删除data-id并将其替换为所有元素的id。