jQuery选择与其他人共享类的单个Div

我真的希望你能帮助我，因为我搜索了其他几个问题，但没有解决办法帮助我。问题是：我正在建立一个投资组合网站，点击一个div就会打开一个包含更多信息的更大div。那些较小的div共享同一个类——我怎么能告诉jQuery只向div添加一个包含“触发器”的类呢

我的Javascript如下所示：

$( document ).ready(function() {
$('#moreinfo').addClass('hidden');
$('.portfoliotile p').addClass('hidden');
$('.portfoliotile h1').addClass('hidden');

 $('.trigger').click(function(){
            $('#moreinfo').removeClass('hidden');
            $(this).parent().addClass('dark');
        });

$('#closegall').click(function(){
            $('#moreinfo').addClass('hidden');
            $('.portfoliotile').removeClass('dark');
        });
});

---

我真的希望您能帮助我，请随意查看一下您想要相对于此更改祖先，因为在处理程序中，这是单击的元素：

您通常应该使用

最近的

而不是

父级

，因为它更能容忍DOM/布局更改

e、 g

JSFiddle：

由于jQuery支持隐藏和显示，我建议使用它的方法（

hide

/

show

，

fadeIn

/

fadeout

，

slideDown

/

slideUp

等）

    $(this).closest('.portfoliotile').addClass('dark');