php - 抓取包含在 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()

...但这返回了“1. 电气工程技术...”，这不是我想要的。我只想要包含在 h3 标签中的标题“Electrical Engineering Technology”。

我做错了什么？谢谢!

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/ 开始。