Question

I’ve got this HTML structure:

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

I want to attached a click event to span.subMenuClickAble and extra the text() in the h2.

I’ve tried to the following:

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

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

Any advise?

Answer 1

Try this:

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

However, your HTML code is invalid (unless you are using HTML 5 and targetting only HTML 5 capable browsers), so the h2 element might not even end up inside the span tag.

An inline element (span) may not contain a block element (h2). Browsers will try to correct the code, usually by moving the h2 element outside the span, or ending the span element where the h2 element starts.