javascript - 获取某个元素的父元素

Question

我正在尝试制作一个滑动迷你菜单。我正在尝试使用 jquery 来做到这一点。基本上，我需要获取某个框中的 h2 元素。

https://jsfiddle.net/1nksxhe0/2/

它叫我在这里添加代码，所以我添加了主要的 JS 函数，但把它放在 jsfiddle 上更有意义

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

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

Answer 1

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>

这意味着您想要最接近的 DIV，然后是之前的 H2

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

FIDDLE