jquery - jQuery を使用して現在のヘッダーから前のヘッダーを選択する

Question

以下は私のHTMLです

 <H3 class='head'>About US</H3>
 <ul class='helper'>
  <li>
   <ul class='xtramenu'>
    <li>
     <H4 class='subhead'></H4>
    </li>
    <li>
     <H4 class='subhead'></H4>
    </li>
    <li>
     <H4 class='subhead'></H4>
    </li>
   </ul>
  </li>
 </ul>

上記のコードでは、クラス名が「subhead」の H4 要素のいずれかから、クラスが「head」の H3 を選択する必要があります。動作しない以下のコードを試しました：

alert($(this).prev(".head").text());

誰でもこれを行う方法について私を助けてもらえますか? ありがとう。

Answer 1

私はお勧めします：

$('h4.subhead').click(function () {
    var h3 = $(this).closest('ul.helper').prev('h3');
    console.log(h3, h3.text());
});

JS フィドルのデモ。

参考文献:

• click().
• closest().
• prev().

Answer 2

alert($(this).closest("ul.helper").prev('.head').text());

Answer 3

使ってみて

$(this).parents("h3.head:first")