jqueryを使用してデータテーブル内の編集可能な行データを取得する

Question

編集可能な行データをdatatablesに取得したいとします。たとえば、列をクリックしたときにデータを変更し、値をdatatablesに取得します。

このメソッドを使用しました。

editor.on('postEdit', function() { 
     debugger; 
     oTable = $('#indexList').dataTable(); 
     var sData = oTable.fnGetData(this.s.editRow); 
     console.log(sData[0]); 
     alert('The cell clicked on had the value of ' + sData[0]); 
}); 

Answer 1

以下TDタグから値を有する入力要素のセットにTR要素クリック変換するコード

$(document).on("click", ".data-table tr", function(){ 
    $(this).find("td").each(function(){ 
     var st = $(this).text; 
     $(this).html ("<input type='text' value='" + str + "'>"); 
    }) 
})