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 胡椒 LN

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

+1 412-111-1111

有人可以帮我解决这个问题吗？

Answer 1

假设 td 的内部内容被包装在 id datarow 的 div 中，如下所示:

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