选择使用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> 

在上面的代码，我需要选择从任何与类名H4元素的类“头” H3：'小标题”。我想下面的代码是不工作：

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

任何人都可以请帮我如何做到这一点？谢谢。

Answer 1

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

Answer 2

我建议：

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

JS Fiddle demo。

参考文献：

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

Answer 3

尝试使用

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