javascript - jQuery将字段值转换成 anchor 标签

Question

所以我在我编写的网络应用程序中遇到了一个非常奇怪的错误。如果我在计算机(windows/linux/ios)上运行它，它就没有这个问题。但是，当我在 iPhone 或 iPad 上运行它时，我得到一个 NaN在特定的地方。

所以我想计算给定值的百分比。这就是我捕获 td 的方式js中的字段:

var total_vend = document.getElementById("tot_vend").innerHTML;
var max_production = document.getElementById("tot_max").innerHTML;

相当标准。之后，为了计算百分比，我使用:

num = Math.floor(total_vend / max_production * 100);
text = num + "%"; //allows me to had the percentage symbol to the number

这就是它变得棘手的地方。我有 4 个运行它的地方(4 个具有不同值的不同帐户)。我只在其中一个 session 中得到 NaN .

我已进入 alert()两者 total_vend和 max_production在total_vend我有正确的值，但是在 max_production 中我得到一个 anchor 标签:<a href="tel:1367520">1367520</a>它包含的值是我计算百分比所需的值。

table读取值的位置:

<table id="totais_ano">
    <tr>
        <th>TProd</th>
        <th>TVend</th>
        <th>TMax</th>
        <th>TPass</th>
    </tr>
    <tr>
        <td id="tot_prod"><?php echo $total_prod; ?></td>
        <td id="tot_vend"><?php echo $total_vend; ?></td>
        <td id="tot_max"><?php echo $total_max; ?></td>
        <td id="tot_vend_passado"><?php echo $total_pass; ?></td>
    </tr>
</table>

谁能给我解释一下我的代码到底发生了什么？正如我所说，只有当我使用 iPhone 或 iPad 在我的网络应用程序中访问特定帐户时才会发生这种情况。

Answer 1

我猜你应该把它改为 .textContent:

var max_production = document.getElementById("tot_max").textContent.trim();

一个简单的测试:

var a = document.getElementById('phone').textContent.trim();

alert(a);

<div id='phone'><a href="tel:1367520">1367520</a></div>

作为旁注，我会说您应该 trim() 删除前导/尾随空格的值。