Question

我正在尝试制作滑动迷你菜单。我正在尝试使用jquery。基本上，我需要抓住某个框中的h2元素。

我大吼大叫在这里添加代码，所以我添加了主要的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

Answer 2

在你的情况下：

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

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

抓住某个元素的父元素

2 个答案: