如何获得正确的列和行索引？

给出如下表：

如何使用相对row input data保存列th input值？

我试过certificate一堂课，但它没有让我到任何地方：

 $('#saveTable').on("click", function() { var myTableArray = $("table th input").val(); var $this = $(this); var myIndex = 0; $("table th input").each(function() { $(this).attr("data-index", "_" + myIndex); var thisLabelData = $(this).attr("data-index"); $("table tbody input").each(function() { console.log(thisLabelData); if(!$(this).hasClass(thisLabelData)) { $(this).addClass(thisLabelData); } }); //$this.push(myTableArray); myIndex++; }); //console.log(myTableArray); }); 

jsFiddle游乐场

Answer 1

看看这个，告诉我

 $('#saveTable').on("click", function() { var results={}; $('thead input').each(function(){ results[$(this).val()] = []; }); var resultsKeys = Object.keys(results); $('tbody input').each(function(){ var colIndex = $(this).parent().index(); var rowIndex = $(this).closest('tr').index(); results[resultsKeys[colIndex-1]] .push("(" + (colIndex-1) + " " + rowIndex + ") -> " + ($(this).val() !== '' ? $(this).val() : "0")); }); console.log(results); }); $('#table-data input').on("change", function() { $(this).attr("value", $(this).attr("value")); }); $(".table-striped tbody tr th input").each(function(){ $(this).addClass("column_data"); }); $("#addTr").on('click', function() { var $tr = $('tbody tr.tr_clone'); var $clone = $tr.clone(); $clone.find(':text').val(''); $tr.after($clone); $(".table-striped tbody tr td input").each(function(){ $(this).addClass("row_data"); }); }); $("#addTd").on("click", function(){ $(".table-striped thead tr").append('Delete column
'); $(".table-striped tbody tr").append(' '); $(document).find("thead th input").each(function(){ $(this).addClass("column_data"); }); $(".table-striped tbody tr td input").each(function(){ $(this).addClass("row_data"); }); }); $(document).on("click", ".removeRow", function(){ $(this).parent().parent() $(this).parent().parent().remove(); }); $(document).on("click", ".removeColumn", function(){ var index = $(this).parent().index() + 1; $(this).closest("table").find("td:nth-child(" + index + ")").remove(); $(this).parent().remove(); }); 

  
 
 
 
 
Insert your data
  Add Column   Add Row  Save table 
 
 
 
 
 
 
 Delete column 
  
 
 
 
 
 
Delete row