在 JS/JQuery 中通过 DOM 获取 BR 分隔的文本？

Question

我正在编写一个greasemonkey脚本，该脚本正在解析具有以下一般结构的页面：

<table>
<tr><td><center>
<b><a href="show.php?who=IDNumber">(Account Name)</a></b>
 (#IDNumber)
<br> (Rank)
<br> (Title)
<p>
<b>Statistics:</b>
<br>
<table>
<tr><td>blah blah etc.
</td></tr></table></center></table>

我特别试图从中获取（标题）部分。然而，正如您所看到的，它仅由
标记引发，没有自己的 ID，只是

文本的一部分code> 标签，并且该标签有大量与其关联的其他文本。

现在我正在做的就是获取 Center 标签的innerHTML，并在其上使用正则表达式来匹配 /
([A-Za-z ]*)

< ;b>统计/。这对我来说没问题，但感觉必须有更好的方法来从中挑选出特定的文本。

……那么，有没有更好的办法呢？或者我应该向网站程序员抱怨他需要使该文本更易于访问？ :-)

Answer 1

编辑：更新以删除空格

var title = $('table center').contents().filter(function() {
         if( this.nodeType == 3 && $.trim(this.data) != "") { //get only text nodes and filter out whitespace elements
           return true;
        }
      }).get(2); // get the 3rd text node 


    alert( title.data ); // alerts "(Title)
    title.data = "How to use jQuery"; // (Title) changes

工作原理：

该函数在提供的节点中的所有节点上运行，在本例中是中心标记。文本是nodeType 3，因此您将获得这些文本的数组。您的示例的结束中心标签放错了位置，因此可能会给您带来错误，但我认为您明白了。 （我认为您之前缺少 a ）

您始终可以：

  $('table center').contents().filter(function() {
       if( this.nodeType == 3 && $.trim(this.data) != "") { //get only text nodes and filter out whitespace elements
           return true;
        }
      }).wrap('<p></p>') // make those text nodes paragraphs
      .end().filter('br')
        .remove(); // remove the brs

参见 jquery 文档 。内容（）

Answer 2

这似乎有效：

var result = $('table td:first-child > center > br:eq(1)').get(0)

alert(result.nextSibling.nodeValue);