通过单击 table 单元格获取行信息

Question

我正在尝试在用户点击星星时获取花的名称和位置，以便我可以将信息发送到数据库 api 端点。

我已经尝试获取有效的行信息，但是使用 cell[0] 或 cell[1] 索引行无效。

let tr = star.parentElement.parentElement;
console.log(tr)

控制台输出

  <tr class="odd">
    <td class="sorting_1">1</td>
    <td>flower</td>
    <td>Purple Roze Flower</td>
    <td>45</td>
    <td>3.5</td>
    <td>Ascend Montclair</td>
    ...
 </tr>

Answer 1

索引出来，然后返回到元素似乎可以解决问题。

let tr = star.parentElement.parentElement;
let id = tr.children[0].innerHTML;
let product_name = tr.children[2].innerHTML;

通过单击 table 单元格获取行信息

Getting row information from click on a table cell

html

javascript

jquery

datatables