无法弄清楚为什么这不会向表中添加行和单元格

时间:2016-05-19 01:55:01

标签: javascript html

当我运行脚本时,我在控制台中没有出现任何错误,它只是不会添加行和单元格。当找到多行结果时,我需要添加一行和一个单元格。我有错误????这是代码的一小部分

var txt = "";
var i = 0;                   

for (state in stateMiles) {
    i++;
    var x =(stateMiles[state]);
   (stateMiles[state])= parseFloat(x);  

    function appendRow() {

        var tbl = document.getElementById("table"), // table reference
            row = tbl.insertRow(tbl.rows.length),      // append table row
            i;

        // insert table cells to the new row
        for (i = 0; i < tbl.rows[0].cells.length; i++) {
            createCell(row.insertCell(i), i, 'row');
        }
    }

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

1 个答案:

答案 0 :(得分:0)

您的代码段很乱。你在for循环中声明一个函数吗?

不要那样做。

像Angular,React等MVC风格的图书馆都非常擅长,但是如果你想这样做,这里有一些应该有用的代码。

paper-dropdown-menu
<script type="text/javascript">
$(function() {
  
  var stateMiles = [
    {
      state: "CO",
      miles: 5082
    },
    {
      state: "TX",
      miles: 582085
    },
    {
      state: "IL",
      miles: 9852
    }
  ];
  
  var tbody = $( "#my_table tbody" );
  for( state_idx in stateMiles ) {
    
    var state = stateMiles[ state_idx ];
    tbody.append( $( "#row_template" ).html().replace( "{{state}}", state.state ).replace( "{{miles}}", state.miles ) );
    
  }
  
});
</script>