javascript - 在 DOM 中查找生日

Question

我试图从 DOM 中仅获取出生日期(不是“生日”一词，而是日期)。

我尝试创建 regex替换 Birthday</th><td> 之前的所有内容与 ''但我不知道如何删除日期之后的其余部分以及拆分和连接。在交叉引用日历年中每一天的数组之前，我想我应该转向 StackOverflow。

我可以使用以下方法获取 HTML:

document.getElementById('personal-info-view').innerHTML

返回:

"<tbody><tr><th scope="row">Birthday</th><td>October 21</td></tr><tr><th scope="row">Marital Status</th><td>Single</td></tr></tbody>"

从这里开始:

<table id="personal-info-view" class="additional-info-listing" summary="Personal Details">
   <tbody>
     <tr>
        <th scope="row">Birthday</th> 
        <td>October 21</td>
     </tr>
     <tr>
        <th scope="row">Marital Status</th>
        <td>Single</td>
     </tr>
  </tbody>
</table>

上下文更新:

当我在 LinkedIn 上的联系人的生日即将到来时，我在查看他们的个人资料时尝试收到提醒。

Answer 1

1. 使用 jQuery:

   $(function(){
       var birthdate = $("tbody > :first-child > :last-child").text();
       alert(birthdate);
   });
   

2. 使用 JavaScript:

   $(function(){
       var birthdate = document.querySelector("tbody > :first-child > :last-child").innerHTML;
       alert(birthdate);
   });
   

3. 正则表达式:(请参阅@Washington Guedes，很高兴感谢其他回答者)。

希望这有帮助!

建议:面向 future ，您应该考虑您选择的选择器并将其存储在变量中，如下所示:

var birthdaySelector = "tbody > :first-child > :last-child";

如果您正在处理的网站由于某种原因确实发生了变化，或者您自己找到了最佳选择器，则可以通过修改 birthdaySelector 变量中的值轻松更改它。这样你也可以用任何你喜欢的 JS 方式来实现它。

如果您想知道如何使用它，可以这样做:

jQuery

var birthdate = $(birthdaySelector).text();

Javascript

var birthdate = document.querySelector(birthdaySelector).innerHTML;