Jquery/JavaScript：如何将数据按列动态附加到Jquery中的每一行？

我试图使用jquery按列将数据追加到每一行。我没能做到这一点。我的目标是在表格中获得数据，如下图所示。我的小提琴是。如果有人能帮我解决这个问题，我将不胜感激

Jquery：

 var el = $('#dbg');
 var row = el.find('tr');
 var column = row.find('td');

 var HtmlData =  LoadData();
 el.html(HtmlData);
 column.html(HtmlData);
 row.append(column);
 el.append(row);


  function LoadData()
     {
     var dmJSON="http://api.railwayapi.com/route/train/12728/apikey/3dacdecg/";
     var html = '<div class="row s12"/>';
        $.ajax({
          url: dmJSON,
          dataType: 'json',
          async: false,
          data: {},
          success: function(data) {
          $.each(data.route, function(key, value) {    


       html += '<div >' + value.no + "</div>" + "</div>" 

            });

       }

在JSFIDLE中连接html+=value.no++时，缺少jQuery库和a+。您还需要添加引导库

这是一张工作票

var el=$‘dbg’； var row=el.查找'tr'； var column=row.find'td'； var HtmlData=LoadData； el.htmlHtmlData； 函数加载数据{ var dmJSON=http://api.railwayapi.com/route/train/12728/apikey/3dacdecg/; var html=[]； html+=； $.ajax{ url:dmJSON， 数据类型：“json”， async:false， 数据：{}， 成功：functiondata{ $.eachdata.route，函数键，值{ html+=+value.no++ }; } }; 返回html； } .卡片{ 边框：1px实心； } 标题1 标题2 我修好了。我已经修好了密码和所有的东西。检查一下

function LoadData()
{
 var dmJSON="http://api.railwayapi.com/route/train/12728/apikey/3dacdecg/";
 var html = '<div class="row s12"/>';
    $.ajax({
      url: dmJSON,
      dataType: 'json',
      async: false,
      data: {},
      success: function(data) {
      $.each(data.route, function(key, value) {
         html += '<div class="card small">' + value.no + "</div>" + "</div>" 
        });
                el.html(html);
    }
});
}

---

@Inonut，忘了在我的小提琴中添加jquery。事实上，我想要的结果就像图片中第一行的1和2，第二行的3和4，依此类推。您能帮我实现这个吗。@sumanth您还需要添加引导库，并添加col-md-6类以拥有两列。我会更新我的答案。还是一样。这些词是为了stackoverflow：p你说这些词是为了stackoverflow是什么意思它要求我输入超过15个字符来发表评论。顺便说一句，在你更新的答案中，我仍然只能看到一列。如果你打算使用不合适的引导，那么只需将每个单元格设置为col-md-6:html+=+value。不……实际上我想要的结果与图片中的一样。你能解决它吗？