从Javascript中所选内容的左上和右下单元格获取ID

Question

目前，我在一个表格行中有1440个数据点。多行。 行数可以变化，但是无论哪一行时间戳都保持不变。

我想做的是通过突出显示多个单元格并仅获取左上角和右下角的时间戳来将数据“放大”，以将它们传递给PHP以仅从该时间范围获取数据。因此，操作将在释放鼠标时完成。

例如，这是一个片段

<tr>
  <td bgcolor="green" id="1533704400"></td>
  <td bgcolor="red" id="1533704460"></td>
  <td bgcolor="orange" id="1533704520"></td>
  <td bgcolor="green" id="1533704580"></td>
  ...
  ...
  <td bgcolor="green" id="1533772620"></td>
  <td bgcolor="yellow" id="1533772680"></td>
  <td bgcolor="green" id="1533772740"></td>
</tr>
<tr>
  <td bgcolor="blue" id="1533704400"></td>
  <td bgcolor="yellow" id="1533704460"></td>
  <td bgcolor="green" id="1533704520"></td>
  <td bgcolor="green" id="1533704580"></td>
  ...
  ...
  <td bgcolor="purple" id="1533772620"></td>
  <td bgcolor="blue" id="1533772680"></td>
  <td bgcolor="green" id="1533772740"></td>
</tr>
...
...
<tr>
  <td bgcolor="green" id="1533704400"></td>
  <td bgcolor="red" id="1533704460"></td>
  <td bgcolor="orange" id="1533704520"></td>
  <td bgcolor="green" id="1533704580"></td>
  ...
  ...
  <td bgcolor="green" id="1533772620"></td>
  <td bgcolor="yellow" id="1533772680"></td>
  <td bgcolor="green" id="1533772740"></td>
</tr>

输出看起来像这样：

因此，如果您选择鼠标，将获得2个值，例如1533729660和1533740340，那么当您取消单击以生成具有该数据点数量的“放大”版本时，我可以将这些值传递给PHP。

我的第一个问题，这可能吗？我已经在网络上忙了几天，却找不到与此相关的任何内容。我希望做与图形相​​同的操作，但此输出没有图形类型

我的第二个问题是，我认为我不能使用ID，因为ID应该是唯一的，在我的情况下，每卷中会有重复项。