我需要将 <td> 的文本设置为变量

Question

在工作中，我们使用 table 将项目放入列表中。发货 ID 号是 link...但是我们不再使用旧站点。我想从中获取发货 ID 并将其用在变量中以将 link 替换为新站点的 link.

我运行遇到过一些问题。首先，我没有权限直接编辑页面的 html 代码，我只是在我的电脑上使用 tamperMonkey 修改代码。

其次，table 没有很好地利用类，他们使用的那些被重新用于其他我不需要抓住的东西（至少现在还没有） ).

这是我需要获取的其中一个的代码示例：

<td class="filterable check hero 169800136261000-1 ">
        <div class="relative">
            <a href="https://oldWebsite.com/services/report/shipment-display.html?shipmentId=169800136261000" target="_blank">169800136261000</a>
        </div>
    </td>

<div class="relative"> 几乎用于 table.

Answer 1

您可以 select 每个 a 一个包含 shipmentId 的 href，并将其 href 替换为新站点：

document.querySelectorAll('table a[href*="shipmentId"]')
  .forEach((a) => {
    const shipmentId = a.href.match(/\d+$/)[0];
    a.href = 'https://newsite.com/somepage?shipmentId=' + shipmentId;
  });

<table>
  <tr>
    <td class="filterable check hero 169800136261000-1 ">
      <div class="relative">
        <a href="https://oldWebsite.com/services/report/shipment-display.html?shipmentId=169800136261000" target="_blank">169800136261000</a>
      </div>
    </td>
  </tr>
</table>

我需要将 <td> 的文本设置为变量

I need to set the text of a <td> as a variable

html

javascript

dom

tampermonkey