特定の要素の親を取得する

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あなたが最も近いDIVをしたい意味

<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> 

を次のようにマークアップは、ボタンの親ではありません

$('.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/