Javascript jQuery中嵌套的2D表，将TD追加到TR

当我在浏览器中运行此命令时，会得到一个文本字符串“”。这里发生了什么，我如何获得期望的结果

<div id="grid">
  <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  <script type="text/javascript" src="asset/js/jquery-3.2.1.min.js"></script>     <script type="text/javascript">
    $.getJSON('asset/json/tictactoe.json',
      function(data)
      {
        $("#grid").append('<table/>');
        var table = $("#grid").find("table");
        for (var i=0; i<data.length; ++i)
        {
          table.append('<tr/>');
          for (var j=0; j<data[i].length; ++j)
          {
            var row = $("#grid").find("table").children()[i];
            row.append('<td/>');
            // row.find("td").html(data[i][j]); *** also, use children here instead of find, because another bug ***
            // add OO events and functionality
          }
        }
      }
    );
  </script>
</div>

add：这是从上述jQuery输出的HTML

<div id="grid">
<!-- ... some javascript ... -->
<table><tr>&lt;td/&gt;&lt;td/&gt;&lt;td/&gt;</tr><tr>&lt;td/&gt;&lt;td/&gt;&lt;td/&gt;</tr><tr>&lt;td/&gt;&lt;td/&gt;&lt;td/&gt;</tr></table></div>

td/td/td/td/td/td/td/td/td/td/td/

多谢各位

地址：解决方案

  <script type="text/javascript">
    $.getJSON('asset/json/tictactoe.json',
      function(data)
      {
        $("#grid").append('<table/>');
        var table = $("#grid").find("table");
        for (var i=0; i<data.length; ++i)
        {
          $(table).append('<tr/>');
          for (var j=0; j<data[i].length; ++j)
          {
            var row = $(table).children()[i];
            $(row).append('<td/>');
            var td = $(row).children()[j];

            // add the 2D grid from JSON object
            $(td).html(data[i][j]);

            // add OO events and functionality
            // $(td).hover(function() { $(this).toggleClass("hovered"); });
            // $(td).click(function() { $(this).toggleClass("pushed"); });
          }
        }
      }
    );
  </script>

$.getJSON（'asset/json/tictactoe.json'，
功能（数据）
{
$（“#网格”）。追加（“”）；
var表=$（“#网格”）.查找（“表”）；
对于（var i=0；i这是您想要的吗）？在循环中，我创建了表html数据，并最终附加到网格中



风险值数据=[
["???","???","???"],
["???","???","???"],
["???","???","???"]
];
函数create_Table（）
{
var表=”；
对于（var i=0；i您需要使用
$
即
$（行）。追加（“”；
显示您的json结构您是否尝试过“有效”的
表.insertRow（）
和
行.insertCell（）
，但我真正想要的是附加onclick和onhover事件，这样这些单元格就可以点击，看起来就像是切换边框样式：开始和边框样式：插入的按钮。所以我可以这样做，但我希望能够将事件放置在TD中，这样它更面向对象，更不严格。非常感谢！我在表中有TD大多数情况下，最好使用jquery函数
$
中存储的元素，因为这实际上告诉它执行jquery内容。
  <script type="text/javascript">
    $.getJSON('asset/json/tictactoe.json',
      function(data)
      {
        $("#grid").append('<table/>');
        var table = $("#grid").find("table");
        for (var i=0; i<data.length; ++i)
        {
          $(table).append('<tr/>');
          for (var j=0; j<data[i].length; ++j)
          {
            var row = $(table).children()[i];
            $(row).append('<td/>');
            var td = $(row).children()[j];

            // add the 2D grid from JSON object
            $(td).html(data[i][j]);

            // add OO events and functionality
            // $(td).hover(function() { $(this).toggleClass("hovered"); });
            // $(td).click(function() { $(this).toggleClass("pushed"); });
          }
        }
      }
    );
  </script>