javascript - 如何仅使用 HTML 计算依赖于其他表数据的表数据？

Question

假设我有以下内容:

<table id="tourney_stats" class="table table-hover tablesorter">
    <thead>
      <tr>
        <th>Name <i class="fa fa-arrows-v"></i></th>
        <th>Wins <i class="fa fa-arrows-v"></i></th>
        <th>Losses <i class="fa fa-arrows-v"></i></th>
        <th>W/L Ratio <i class="fa fa-arrows-v"></i></th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>Name 1</td>
        <td>2</td>
        <td>3</td>
        <td>0</td>
      </tr>

      <tr>
        <td>Name 2</td>
        <td>5</td>
        <td>6</td>
        <td>0</td>
      </tr>
    </tbody>
</table>

是否可以根据表格条目的盈亏来计算所有条目的盈亏比率列？

基本上，我希望网站计算 2/3，并将结果放入名称 1 的 W/L 比率列中，将结果放入名称 2 的 5/6 中，这样我就不必自己进行计算。

谢谢

Answer 1

你说“只有 HTML”，但正如@JimGarrison 指出的那样，这基本上是不可能的。看到您的问题也被标记为 javascript...

var table = document.getElementById('tourney_stats');
var rows = table.rows;
for (var i = rows.length; i--;) {
    var row = rows[i].cells;
    row[2].textContent = row[0].textContent / row[1].textContent;
}

将计算加载时间的比率。