Javascript TamperMonkey：在a中的内容后添加元素<；td>；没有身份证

为了澄清，我想在

内部链接的右侧添加一个左向箭头（或者更确切地说是该列中的所有

）。箭头稍后将用于手风琴下拉菜单

首先，我可以使用什么方法插入

更多的东西
其他东西

---

在JSFIDLE中，是我正在使用的一个精简版本。没有可使用的ID，所使用的任何类也用于具有链接的其他元素。

您可以使用

querySelectorAll

获取所有适当的单元格，知道条形码是第二列。知道我们可以使用第n个子项选择器

//新建和导入
//只获取我们想要的单元格，知道条形码是第二列
var barCodeCells=document.queryselectoral（#表体tr>td:n子（2）>div）；
var newElement=”
更多的东西
其他东西

您在表本身上有任何形式的标识符、id、类或类似的标识符吗？您是HTML格式的还是可以向单元格添加其他属性？因此表确实有三个类附加到它上。但是，因为页面上只有一个类，所以我可以直接跳到

var theTableBodyRows=document.queryselectoral（“tbody tr）；

如果页面上出现另一个

tbody

可能会给您带来麻烦。如果这三个类的组合对于表来说是唯一的，并且在

querySelectorAll

中很容易使用……

querySelectorAll（'table.classA.ClassB.ClassC>tbody>tr>等）

为了安全起见，我可能会使用它，但对于我使用它的应用程序，我认为页面上永远不会有另一个表。这工作得很好！但是，问题（完全是我的错）我如何选择里面的div来添加我的箭头？找到它：

TableBodyRows[I]。querySelector（“运输署：第n儿童（2）分区）；

将选择每行第二个单元格中的div。我们只需要调整选择器。对于javascript版本，我添加了一个新的div子项：

>div

。对于CSS版本，我将子项选择器

更改为后代，这是一个空格。我喜欢您包含CSS变量。尽管出于我的目的，这是为了战争d、 我想这应该是一个元素。

    <table>
  <thead>
    <tr class="header">
      <th class="tablesorter-header">Shipment ID</th>
      <th class="tablesorter-header">Barcode</th>
      <th class="tablesorter-header"> More info</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><a href="http://search.com/AAA/results?s=7546895555555">7546895555555</a></td>
      <td><a href="http://search.com/AAA/results?s=987654321">987654321</a></td>
      <td>more stuff</td>
    </tr>
    <tr>
      <td><a href="http://search.com/AAA/results?s=1234567222222">1234567222222</a></td>
      <td><a href="http://search.com/AAA/results?s=123456789">123456789</a></td>
      <td>other stuff</td>
    </tr>
  </tbody>
</table>