javascript - 如何使用 querySelector 或 jQuery 从以下 html 中抓取数据

Question

我想使用 querySelector 或 jQuery 从此 html 中获取文本。

<td>
   <a href="#" class="verify-address pull-right">
   Verify Address
   </a>
   <div class="verify-address-address-content">
      Tom Heilig<br>
      8642 PEPPER LN<br>
   </div>
   MECHANICSVILLE, VA 22221-4943 US
   <br>
   +1 412-111-1111<br>
   <div class="text-success" style="white-space:normal">
  <span>Address Verified</span>
   </div>
</td>

输出应该像

汤姆·海利格

第8642章

梅卡尼克斯维尔，弗吉尼亚州 22221-4943 美国

+1 412-111-1111

任何人都可以帮我解决这个问题吗？

Answer 1

假设td' 的内部内容被包裹在一个dividdatarow中，如下所示：

<td>
   <div id="datarow">
      ...
   </div>
</td>

然后这个 Jquery 代码将像魅力一样工作：

alert(
    $("#datarow").clone()                // Clone the content
                 .find('span').remove()  // Remove all span tags
                 .end()                  // Return to the clone
                 .text()                 // Only text
)