weixin_33735077 2016-09-08 08:49 采纳率: 0%
浏览 32

jQuery-附加每个元素

My Code:

This is my CSV file: 

Item, Quantity, Price;
LED, 100, $10;
PIR, 1, $5;
DS18B20, 10, $5;

This is my jquery file:

$(document).ready(function() {
  $.ajax({
    url: "data.csv",
    success: function(result) {
      var data = result;
      var arr = data.split(";");
      var len = arr.length - 1;
      var a = 0;
      var b = 0;
      while (a < len) {
        var orr = arr[a].split(",");
        var err = orr.length;
        b = 0;
        while (b < err) {
          if (a == 0) {
            $("#table").find('table')
              .append($('<tr>')
                .append($('<th>' + orr[b] + '</th>'))
              );
            b = b + 1;
          } else if (a > 0) {
            $("#table").find('table')
              .append($('<tr>')
                .append($('<td>' + orr[b] + '</td>'))
              );
            b = b + 1;
          };
        };
        a = a + 1;
      };
    }
  });
});

This code puts every element into a TR tag and I want it to put all the elements in one line in a TR tag.

This is my HTML file:

<!DOCTYPE html>
<html>
<head>
<title>tables</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="myjquery.js">  
</head>
<body>
<div id="table">
<table>
</table>
</div>
</body>
</html>
  • 写回答

1条回答 默认 最新

  • weixin_33713707 2016-09-08 08:57
    关注

    var csv = 'Item, Quantity, Price;' +
          'LED, 100, $10;' +
          'PIR, 1, $5;' +
          'DS18B20, 10, $5;';

$(document).ready(function() {
  var arrCsv = csv.split(';');
  var result = '';
  
  $.each(arrCsv, function(key, val) {
    if (val.trim() !== '') {
      var arrCols = val.split(',');
    
      result += '<tr>';
    
      $.each(arrCols, function(idx, value){
        result += (key == 0 ? '<th>' : '<td>') + value + (key == 0 ? '</th>' : '</td>');
      });
    
      result += '</tr>';
    }
  });
  
  $('table').append(result);
});
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<table border="1" width="100%">
</table>

    </div>
    评论

报告相同问题？

悬赏问题

  • ¥66 关于川崎机器人调速问题
  • ¥15 winFrom界面无法打开
  • ¥15 crossover21 ARM64版本安装软件问题
  • ¥15 mymetaobjecthandler没有进入
  • ¥15 mmo能不能做客户端怪物
  • ¥15 osm下载到arcgis出错
  • ¥15 Dell g15 每次打开eiq portal后3分钟内自动退出
  • ¥200 使用python编写程序，采用socket方式获取网页实时刷新的数据，能定时print（）出来就行。
  • ¥15 matlab如何根据图片中的公式绘制e和v的曲线图
  • ¥15 我想用Python（Django）+Vue搭建一个用户登录界面，但是在运行npm run serve时报错了如何解决？