자바 스크립트에서 동적으로 생성 된 행에서 2 열의 차이를 얻는 방법

Question

3 열이있는 동적으로 생성 된 테이블이 있습니다. Col 2에서 Col 3의 차이점이 필요합니다. 동적으로 생성 된 테이블을 처리하는 방법에 대한 단서가 없습니다. 내 저장 기능에서 테이블 값을 읽는 중입니다. 차이점 코드를 포함하는 방법을 제안 해주십시오.

JS :

function save() 
{ 
var eval_tbl = document.getElementById('bagger_reading_list'); 
var eval_row_array = []; 
     for (i=0; i<eval_tbl.rows.length; i++) 
     { 
      var tableRow = { 
       Start_Reading : eval_tbl.rows[i].cells[1].firstElementChild.value, 
       End_Reading : eval_tbl.rows[i].cells[2].firstElementChild.value, 
       Total_Reading : eval_tbl.rows[i].cells[3].firstElementChild.value, \\ I need the difference of End-Reading - Start_Reading to be displayed on Total_Reading of eah row created. 
      } 
      eval_row_array[eval_row_array.length] = tableRow; 
     } 

} 

Answer 1

플로트 값으로 변환 parseFloat() 사용 (안전을 위해)하고 합산. 그것을 좋아합니까 :

function save() 
{ 
var eval_tbl = document.getElementById('bagger_reading_list'); 
var eval_row_array = []; 
     for (i=0; i<eval_tbl.rows.length; i++) 
     { 
      var tableRow = { 
       Start_Reading : eval_tbl.rows[i].cells[1].firstElementChild.value, 
       End_Reading : eval_tbl.rows[i].cells[2].firstElementChild.value, 
       Total_Reading : parseFloat(eval_tbl.rows[i].cells[2].firstElementChild.value) - parseFloat(eval_tbl.rows[i].cells[1].firstElementChild.value) 
      } 
      eval_row_array[eval_row_array.length] = tableRow; 
     } 

} 

Readup :

Total_Reading : parseFloat(eval_tbl.rows[i].cells[2].firstElementChild.value) - parseFloat(eval_tbl.rows[i].cells[1].firstElementChild.value), 

을 그래서, 당신의 저장 기능은 같아야합니다 parseFloat() | MDN

Answer 2

이 시도 :

function save() 
    { 
    var eval_tbl = document.getElementById('bagger_reading_list'); 
    var eval_row_array = []; 
      for (i=0; i<eval_tbl.rows.length; i++) 
      { 
var startReading = eval_tbl.rows[i].cells[1].firstElementChild.value; 
var endReading = eval_tbl.rows[i].cells[2].firstElementChild.value; 
var totalReading = parseFloat(endReading) - parseFloat(startReading); 
       var tableRow = { 
        Start_Reading : startReading, 
        End_Reading : endReading, 
        Total_Reading : totalReading 
       } 
       eval_row_array[eval_row_array.length] = tableRow; 
      } 

    } 

Answer 3

나는 작은 코드를 작성했습니다 . 필요에 맞는 지 확인하십시오.

function saved() 
{ 

     var eval_tbl = document.getElementById('Table'); 
     var eval_row_array = []; 
     for (i=0; i<eval_tbl.rows.length; i++) 
     { 

      var tableRow = { 
       Start_Reading : eval_tbl.rows[i].cells[0].innerHTML, 
       End_Reading : eval_tbl.rows[i].cells[1].innerHTML, 
       Total_Reading :parseInt(eval_tbl.rows[i].cells[0].innerHTML) - parseInt(eval_tbl.rows[i].cells[1].innerHTML) 
      } 
      eval_tbl.rows[i].cells[2].innerHTML=parseInt(eval_tbl.rows[i].cells[0].innerHTML) - parseInt(eval_tbl.rows[i].cells[1].innerHTML) 
      eval_row_array[eval_row_array.length] = tableRow; 

     } 

}