Javascript 抓取某个元素的父元素

我想做一个滑动迷你菜单。我正在尝试使用jquery来实现它。基本上，我需要抓取某个盒子中的h2元素

它大声要求我在这里添加代码，所以我添加了主JS函数，但将其放在JSFIDLE上更有意义

$('.category-button').on('click', function () {
$(this).closest('h2').css('color','yellow');
});

---

例如，如果单击“动画”下的“查看视频”按钮，我只希望动画h2亮起。

h2元素不是按钮的父元素，您的标记如下所示

<h2 class="col-md-12 text-center category-title">Self Promotion </h2>
<div class="col-md-12 text-center">
    <a target="_blank" href="url">
        <button id="..." type="button" class="btn category-button">See The Videos</button>
    </a>
</div>

---

H2元素不是按钮的父元素，您的标记如下

<h2 class="col-md-12 text-center category-title">Self Promotion </h2>
<div class="col-md-12 text-center">
    <a target="_blank" href="url">
        <button id="..." type="button" class="btn category-button">See The Videos</button>
    </a>
</div>

在您的情况下：

$(this).parent().parent().parent().find('h2').css('color', 'yellow');

在您的情况下：

$(this).parent().parent().parent().find('h2').css('color', 'yellow');

---

假设您的

h2

始终位于包含按钮的

div

之前，当然。@TLS-是的，假设OP没有更改问题中链接的HTML，那么所有赌注都是无效的。这就是我要使用的HTML。但是，有没有办法让代码更能忍受更改？奇怪的是，当它遍历DOM以查找元素时，它依赖于DOM的现状。实际上没有很多方法可以改变它，如果你改变DOM，DOM遍历也必须改变。假设你的

h2

总是在包含按钮的

div

之前，当然。@TLS-是的，假设OP没有改变问题中链接到的HTML，那么所有的赌注都输掉了。这就是我想要使用的html。但是，有没有办法让代码更能忍受更改？奇怪的是，当它遍历DOM以查找元素时，它依赖于DOM的现状。实际上没有很多方法可以改变这一点，如果你改变DOM，DOM遍历也必须改变。我不能使用最近的（）或类似的东西吗？使代码更可编辑？好吧，没关系。我只是读了其他的回应我能不能用最近的（）之类的？使代码更可编辑？好吧，没关系。我只是读了其他的回应