可编辑行不能在带有 JSON 数据的表中工作？

Question

我解析了 JSON 对象并制作了一个表格结构来显示元素。我想让表格行可编辑。这是我用来形成表格的代码。

    (jsonDatag.data).forEach(function(item) {
                    var _tr = '<tr class="' + item.symbol + '"><td>' + item.symbol + '</td><td class="' + hclass + '">' + item.highPrice + '</td><td class="' + lclass + '">' + item.lowPrice + '</td><td class="' + oclass + '">' + item.openPrice + '</td><td class="' + ltclass + '">' + item.ltp + '</td><td>' + item.previousPrice + '</td><td>' + item.lastCorpAnnouncementDate + '</td></tr>'
                _tbody += _tr
            });
            _thead = _thead + _tbody;
            $('.mytable').html(_thead)
        }

现在我添加了这些行以使我的行可编辑，但它没有反映在我的输出中。

                  $('tr.'+item.symbol+'').each(function() {
                $(this).html('<input type="text" value="' + $(this).html() + '" />');
});

这里出了什么问题，我该如何纠正？

Answer 1

可编辑行在表格中不起作用

这似乎令人困惑，因为它是可编辑的 td。

还有这个sn-p

$('tr.' + item.symbol + '').each(function() {
  $(this).html('<input type="text" value="' + $(this).html() + '" />');
});

可能会放置一个input。

如果您希望制作可编辑的td，那么

<td contenteditable="true">

会起作用