jquery - 如何使用 jQuery 获取第二个父级的类名

Question

当我点击展开图像时，我需要获取第二个父级的类名。

例如，如果我单击第一个 div 中的展开图像，我需要获取类名 test-one-heading。

如果我点击第二个div，我需要获取类名test-two-heading

<div class="content">
<div class="left-activity-block test-one-heading">
<div class="clearfix leftsidebar-title  title-active"> 
<h2>TEST 1</h2>
<div style="cursor: pointer;" class="collapse-symbol filter-plus-symbol"><img width="12" height="12" title="" alt="" src="/sites/all/themes/images/icons/expand.png"></div>
</div>
</div>

<div class="content">
<div class="left-activity-block test-two-heading">
<div class="clearfix leftsidebar-title  title-active"> 
<h2>TEST 2</h2>
<div style="cursor: pointer;" class="collapse-symbol filter-plus-symbol"><img width="12" height="12" title="" alt="" src="/sites/all/themes/images/icons/expand.png"></div>
</div>
</div>

如何使用 jQuery 做到这一点？

Answer 1

您可以将click事件关联到图像，然后单击时可以使用:

$(this).closest(".left-activity-block").attr("class");

您将获得两个类名，并且可以过滤您需要的类名。