jquery $(this) - 如何访问子h2

Question

我有这个HTML结构:

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

我想将一个click事件附加到span.subMenuClickAble并在h2中添加text().

我试过以下内容:

 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元素.