jQuery的$（本） - 如何获得孩子H2

Question

我有了这个HTML结构：

<span id="subMenuTitle1" class="subMenuClickAble"><h2>Inbox 1</h2></span> 

我要附加一个click事件span.subMenuClickAble和额外的文本（）在H2。

我试过以下：

var text = $(this).child('h2').text(); 

var text = $(this h2).text(); 

任何建议？

Answer 1

试试这个：

var text = $('h2', this).text(); 

然而，你的HTML代码是无效的（除非您使用HTML 5和靶向只有HTML 5级兼容的浏览器），所以h2元素可能甚至不会在span标签内结束。

内联元素（span）可能不包含块元素（h2）。浏览器将尝试更正代码，通常通过将h2元素移动到span之外或者结束span元素，其中h2元素启动。

Answer 2

尝试

$('.subMenuClickAble').click(function(){ 
    console.log($(this).find('h2').text()); 
}) 

Answer 3

使用jquery find

var text = $(this).find('h2').text(); 

Answer 4

尝试：

$('#subMenuTitle1').click(function (event) { 
    var text = $(this).children('h2').text(); 
    /* do stuff here */ 
});​ 

编辑：jsfiddle