抓取PHP生成的元素中包含的文本

Question

我在抓取一些PHP代码生成的header标记中的实际文本时遇到了问题。这是我抓取的页面的一部分。

<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‘时，我想从那个特定按钮的header标签中拉出文本。在我的PHP中，我为每个header标记分配了一个ID，因为我想我可以这样做：

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

当我在一个消息框中提醒这一点时，我只看到“未定义”。我试着，相反，只是做了.

$(this).text()

...but这返回了"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/