jQueryは前の要素を選択します（子要素ではない兄弟）

Question

jQueryを使用して、前のh1要素を選択して.show_moreに追加しようとしています。私はprev()とclosest()を使ってみましたが、いずれもうまくいかないようです。親のための

$(document).ready(function() { 
 
    $('.show_more').closest('h1').addClass('gummybear'); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
<h1>Test</h1> 
 
<p>I am a paragraph</p> 
 
<div class="show_more">Show More</div>

Answer 1

closest()検索し、そう適用されません。 pが.show_moreとh1の間にあるので、prev()自体は機能しません。

代わりに、あなたはこのように、prevAll('h1').first()を使用することができます。

$(document).ready(function() { 
 
    $('.show_more').prevAll('h1').first().addClass('gummybear'); 
 
});

.gummybear { color: #C00; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<h1>Test</h1> 
 
<p>I am a paragraph</p> 
 
<div class="show_more">Show More</div>

first()を省略することができますが、すべての兄弟h1の要素に影響を与えること気にしない場合、または場合にのみ、これまで存在しますそれらの1つ（技術的にSEOの理由のためにあるはずです）。