如何关闭标签？ （Octobercms组件，Javascript）

Question

HTM

<div id="tab" name="{{__SELF__.id}}" class="my-tab">
    <img id="tab-avatar" style="height:50px; width:50px" src="{{__SELF__.avatarImage}}">
    <div id="tab-minimize">
        <div id="tab-label"></div>
        <div id="tab-expand" name="{{__SELF__.id}}" class="tab-expand tab-btn"></div>
        <div id="tab-close" name="{{__SELF__.id}}" class="tab-close tab-btn"></div>
    </div>
</div>

JS

$(function(){
    $(".tab-close").each(function(){
        var tabName = $(this).attr('name');
        $(this).click(function(){ 
            $(".my-tab").each(function(){
                $("tabName").addClass("hidden");
            }); 
        });
    });
}); 

现在我有两个标签（重复的标签），两个都有相同的类名，ID等。唯一的区别是它们有自己唯一的名称。

当我按下特定标签的关闭按钮时，如何关闭标签？

含义我想单击选项卡1关闭按钮以关闭选项卡1并单击选项卡2关闭按钮以关闭选项卡2.

Answer 1

  

都有相同的类名，id等

class可以相同，但id必须是唯一的。

$(function(){
    $(".tab-btn").on('click',function(event){
        $(this).closest('.my-tab').addClass('hidden')
  })
});