javascript - 从表格单元格中获取最高数字

Question

我正在尝试从具有特定类别的表格单元格中获取最大数字 (122,28.22)。

这是我的 HTML 代码:

<table>
    <tr>
        <td class="id">3.2091</td>
    </tr>
    <tr>
        <td class="id">122,28.22</td>
    </tr>
    <tr>
        <td class="id">4.8271</td>
    </tr>
</table>

这确实是我尝试过的方法，但它只返回 NaN。所以 math.max 对它不起作用。

var high = Math.max.apply(Math, $('.id').map(function(){
         return $(this).text()
}))

alert(high);

Answer 1

你得到 NaN作为你的号码 122,28.22包含 ,因此您可以使用 replace 将其更改为有效的数字格式

function findMax(){
  let td = document.getElementsByClassName('id')
  let value = [...td].map(e=> +e.innerText.replace(/,/,''))
  console.log(Math.max(...value))
}

<table>
    <tr>
        <td class="id">3.2091</td>
    </tr>
    <tr>
        <td class="id">122,28.22</td>
    </tr>
    <tr>
        <td class="id">4.8271</td>
    </tr>
</table>

<button onClick="findMax()">Find max </button>