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

【问题标题】：How to scrape data from following html using querySelector or jQuery如何使用 querySelector 或 jQuery 从以下 html 中抓取数据
【发布时间】：2019-11-30 16:00:02
【问题描述】：

我想使用 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

谁能帮我解决这个问题？

【问题讨论】：

将您的内容包装在一个 div 中并使用 document.getElementById('containerElement id').innerText;
@saravana 我认为OP不需要span标签的内容，这些标签将包含在innerText中。

标签： javascript jquery web-scraping queryselector

【解决方案1】：

假设td 的内部内容被包裹在一个div 中，ID 为datarow，如下所示：

<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
)

【讨论】：