使用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 Fiddle demo

参考文献：

• click()。
• closest()。
• prev()。

Answer 2

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

Answer 3

尝试使用

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