Текст заголовка, содержащийся в PHP-элементе

Question

У меня возникли проблемы с захватом фактического текста в теге заголовка, который генерируется некоторым PHP-кодом. Вот часть страницы, которую я хватаю.

<div class="container"> 
    <div class="majorContainer"> 
    <h2>Your results for: <small>"tables"</small></h2> 
    <hr /> 
    <div class='accordionButton'> 
     <h3 style="display:inline">1. </h3> 
     <h3 style="display:inline" id='major-1'>Electrical Engineering Technology</h3> 
     <p>...</p> 
    </div> 
    <div class='accordionButton'> 
     <h3 style="display:inline">2. </h3> 
     <h3 style="display:inline" id='major-2'>Retail Management</h3> 
     <p>...</p> 
    </div> 

В принципе, когда пользователь нажимает на «accordionButton», я хочу, чтобы вытащить текст из заголовка тега этой конкретной кнопки. В моем PHP, я присвоил идентификатор для каждого тега заголовка, потому что я полагал, что я мог бы просто вытащить текст делания:

document.getElementById(this.getElementsByTagName("h3")[0].id).text 

Когда я предупредил этого в окне сообщения, я только видя «неопределенный». Я попробовал, вместо этого, просто делать ...

$(this).text() 

... но это вернулось «1. Технология электротехники ...», которая не то, что я хочу. Я просто хочу название «Технология электротехники», которое содержится в теге h3.

Что я делаю неправильно? Благодаря!

Answer 1

Это поможет? Я использую jquery 1.7.1.

$(".accordionButton").on("click", function(){ 
    alert($(this).find("h3").eq(1).text()); 
}); 

Если вам нужно узнать больше о JQuery, здесь очень хорошая ссылка, чтобы начать с http://tutsplus.com/course/30-days-to-learn-jquery/

Answer 2

$(this).find("h3:last").text(); 

Как DG3 указывает, вы не можете просто выбрать по ID - Я игнорировал первоначальный запрос. Я внесла поправки в этот ответ, чтобы отразить фактическое решение.

Answer 3

$('.accordionButton').click(function(){ 
    alert($(this).find('h3:last').text()) 
}); 

Демо: http://jsfiddle.net/Mq4JS/