Jquery-追加每个元素_Jquery_Html_Ajax_Csv_Html Table

Jquery-追加每个元素

jquery html ajax csv

Jquery-追加每个元素,jquery,html,ajax,csv,html-table,Jquery,Html,Ajax,Csv,Html Table,我的代码：这是我的CSV文件： Item, Quantity, Price; LED, 100, $10; PIR, 1, $5; DS18B20, 10, $5; 这是我的jquery文件： $(document).ready(function() { $.ajax({ url: "data.csv", success: function(result) { var data = result; var arr = data.split(";

我的代码：

这是我的CSV文件：

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

这是我的jquery文件：

$(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;
      };
    }
  });
});

$（文档）.ready（函数（）{
$.ajax({
url:“data.csv”，
成功：功能（结果）{
var数据=结果；
var arr=data.split（“；”）；
var len=阵列长度-1；
var a=0；
var b=0；
while（a0），则为else{
$（“#表”）。查找（'表'）
.append（$（''）
.附加（$（''+或[b]+''）
);
b=b+1；
};
};
a=a+1；
};
}
});
});

这段代码将每个元素放入一个TR标记中，我希望它将所有元素放在一行TR标记中

这是我的HTML文件：

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


桌子

var csv='项目、数量、价格；'+
'LED，100美元，10美元；'+
“PIR，1美元，5美元；”+
“DS18B20，10美元，5美元；”；
$（文档）.ready（函数（）{
var arrcvs=csv.split（“；”）；
var结果=“”；
$。每个（ARRCVS，函数（键，val）{
如果（值修剪（）！=''）{
var arrCols=val.split（'，'）；
结果+=''；
$.each（arrCols，函数（idx，值）{
结果+=（键==0？“”：“”）+值+（键==0？“”：“”）；
});
结果+=''；
}
});
$（'table'）。追加（结果）；
});

为什么不让它可读<代码>#缩进失败

你能以某种方式复制这个问题吗？修改你的代码，在外部

while

中创建

tr

，并在内部

while

中添加

td

元素

tr

@Praveen Kumar我对新加入的缩进感到抱歉jquery@TechDinoKing是的，试着缩进，这是一个很好的编码实践。它与jQuery无关。