Question

我有一个从csv文件加载数据的jquery / ajax。我正在尝试做的是在jquery和ajax中加载数据时自动隐藏第一列。我知道你可以做onclick功能，但更喜欢它在数据加载时自动隐藏。我该怎么做？

这是csv数据：

ID，州，城市，邮编 1，佛罗里达州，坦帕，33601 2，俄亥俄州，克利夫兰，55555 3，印第安纳州，西田，46032

以下是我的代码：

    <!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
  <title>Parsing CSV Files</title>
  <script>

        (function($) {

  //$(document).ready(function() {

  'use strict';

  $.ajax({
    url: 'csv_data.csv',
    dataType: 'text',
  }).done(successFunction);

  function successFunction(data) {
    var allRows = data.split(/\r?\n|\r/);
    var table = '<table>';
    for (var singleRow = 0; singleRow < allRows.length; singleRow++) {
      if (singleRow === 0) {
        table += '<thead>';
        table += '<tr>';
      } else {
        table += '<tr>';
      }
      var rowCells = allRows[singleRow].split(',');
      var a = $('#test').text();
      document.getElementById("test").innerHTML = a;
      for (var rowCell = 0; rowCell < rowCells.length; rowCell++) {
        if (singleRow === 0) {
          table += '<th>';
          table += rowCells[rowCell];
          table += '</th>';
        } else if(rowCells[0]==a){
          table += '<td>';
          table += rowCells[rowCell];
          table += '</td>';
        }
      }
      if (singleRow === 0) {
        table += '</tr>';
        table += '</thead>';
        table += '<tbody>';
      } else {
        table += '</tr>';
      }
    }
    table += '</tbody>';
    table += '</table>';
    $('body').append(table);
  }

  // });

})(jQuery);
</script>
</head>

<body>
<pan id="test">2</span>
</body>

Answer 1

您想要隐藏ID列吗？只需在循环中忽略它并从第二列开始：

for (var rowCell = 1; rowCell < rowCells.length; rowCell++) {

如何在jquery中隐藏第一列？

1 个答案: