Question

我试图在HTML表格中添加一列数字。我没有在控制台收到错误，我根本就没有得到一笔钱。这是HTML的一个片段，以及有问题的JS。正如您所看到的，列中的每个单元格都有自己的类，mile1，mile2等......完整的HTML中有48个。该脚本运行没有任何问题，并且做了它应该做的事情，它只是没有给出列的总和＆＃34; Miles＆＃34;。

//这是我一直在尝试//

<body>
    <div id="map" style="height:400px"></div>
    <div id="status"></div>
    <div id="results"></div>
    <div id="table"></div>
    <div id="td"</div>

    <div style=" text-align: center; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;">

        <table width="20%" border="1" cellpadding="0" cellspacing="0" "border-color: #000000; border-style: solid; background-color: #ffffff;">
            <tr>
                <th>State</th>
                   <th>Miles</th>       

                <tr valign="top">
                <td style="border-color : #000000 #000000 #000000 #000000; border-style: solid;"class="state1"><br />
                </td>
                <td style="border-color : #000000 #000000 #000000 #000000; border-style: solid;"class="mile1"><br />
                </td>
                <tr valign="top">
                    <td style="border-color : #000000 #000000 #000000 #000000; border-style: solid;" class="state2"><br />
                    </td>
                    <td style="border-color : #000000 #000000 #000000 #000000; border-style: solid;" class="mile2"><br />
                    </td>
                    <tr valign="top">





                       var x =(stateMiles[state]);

                     (stateMiles[state])= parseFloat(x);    

                     var m = (stateMiles[state]);
                     var n = Number(m);
                     var r = Math.round(m);
                     (stateMiles[state]) = Number(m);
                     (stateMiles[state]) = Math.round(m);   



                        $("#results").append;
                        $(".state" + i).append(state);
                        $(".mile" + i).append(stateMiles[state]);

Answer 1

可悲的是，您的代码或JSFiddle都不是小/最小工作示例。

一般来说，只要你注意以下两个陷阱，你应该能够做你想做的事情：

一个表有一个tbody子元素（因此一行不是表的直接子元素）
您可能需要将Cell的内容解析为数字

考虑到这一点，以下代码段从表中获取值。通过简单地遍历表domNode“array”

<table id="table">
    <tr><td>1</td><td>2</td></tr>
    <tr><td>3</td><td>4</td></tr>
</table>

获得您需要的第一个值：

parseInt(document.getElementById("table").children[0].children[0].children[0].textContent)

儿童链接是表格 - ＆gt; tbody-＆gt; tr-＆gt; td

如何在html表中添加数字

1 个答案: