は、どのように私はHTMLテーブルに番号の列を追加しようとしている

HTMLテーブルに番号を追加することができます。私はコンソールにエラーを受け取っていない、私は単に合計を取得しないでください。ここにHTMLのスニペットと問題のJSがあります。あなたが見ることができるように、列の各セルには独自のクラス、mile1、mile2などがあります。フルHTMLには48種類あります。スクリプトは何の問題もなく実行されますが、単に "Miles"という列の合計は得られません。ここは、どのように私はHTMLテーブルに番号の列を追加しようとしている

<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]);

//私は//

 var numbers = [(stateMiles[state])];        } 

     function getSum(total, num) { 
    return total + Math.round(num); 
    document.getElementById("table").td(mile1,mile2) = numbers.reduce(getSum,0);

出典

2016-05-19 Bryan Hughes

はあなたが機能して、最小限の例のようにコードを並べ替えてもらえますか？そこのエラーの多くはそこにあり、我々が実際にあなたのコード.... – Sergej

https://jsfiddle.net/hughesb6/jttej5gj/#&togetherjs=3zjgzwHner –

ここで「実行する」ことができれば解決策を探すために容易になるだろうJSfiddleにあります。https://jsfiddle.net/hughesb6/jttej5gj/#&togetherjs=3zjgzwHner –

をしようとしているものです悲しいことに、あなたのコードやあなたのJSFiddleどちらも最小限/小実施例です。

は、一般的に、あなたは限り、あなたは次の二つの落とし穴を監視として、やりたいことができるはず話す：

テーブルはとても行がの直接の子ではありません（tbodyの子要素を持っています表）
あなたはこのことを考慮すると数

にセルの内容を解析する必要があるかもしれません、次のスニペットは、テーブルから値を取得します。それを作るこれらの合計は、単にあなたが必要とする最初の値を取得するには、テーブルDOMNODE「アレイ」

<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)

子供たちはテーブル - > tbody-です> TR-> TD

出典

2016-05-19 19:06:23 Sergej

は、どのように私はHTMLテーブルに番号の列を追加しようとしている

答えて

関連する問題