編集可能な行が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あるので、これは混乱するようです。

また、このスニペット

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

おそらくinputを配置します。

編集可能なtdその後、

<td contenteditable="true"> 

を作るために探している場合