解析csv文本以创建bootstrap div？

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/PapaParse/5.1.0/papaparse.min.js"></script>

<div id="csvData"></div>

<script>
  // 定义CSV文本数据
  var csvData = `Name,Age,Country
John,25,USA
Alice,30,Canada
Mike,35,UK`;

  // 解析CSV文本
  var parsedData = Papa.parse(csvData, {header: true});

  // 创建Bootstrap的Div元素
  var div = $('<div>', {class: 'container'});
  var table = $('<table>', {class: 'table'});
  
  // 创建表头
  var thead = $('<thead>');
  var tr = $('<tr>');
  parsedData.meta.fields.forEach(function(field) {
    tr.append($('<th>').text(field));
  });
  thead.append(tr);
  table.append(thead);
  
  // 创建表格内容
  var tbody = $('<tbody>');
  parsedData.data.forEach(function(row) {
    var tr = $('<tr>');
    parsedData.meta.fields.forEach(function(field) {
      tr.append($('<td>').text(row[field]));
    });
    tbody.append(tr);
  });
  table.append(tbody);
  
  div.append(table);
  
  // 将结果显示在页面上
  $('#csvData').append(div);
</script>