Convierta la tabla HTML a Json cuando la columna tenga campos de entrada, texto de línea o seleccione

Cómo convertir una tabla HTML a un objeto Javascript con jQuery

Una extensión de esta pregunta. Mi tabla es dinámica, sus celdas tienen contenido HTML como Entrada para ingresar descritpion y Seleccionar para la selección desplegable.

Entonces, para obtener ese contenido html en el objeto json, se creó esta pregunta respondida.

Un simple cambio en el código y usted puede:

// // for each table row in table body // var tbl = $('#students tbody tr').map(function (idxRow, ele) { // // start building the retVal object // var retVal = {id: ++idxRow}; // // for each cell // var $td = $(ele).find('td').map(function (idxCell, ele) { var input = $(ele).find(':input'); // // if cell contains an input or select.... // if (input.length == 1) { var attr = $('#students thead tr th').eq(idxCell).text(); retVal[attr] = input.val(); } else { var attr = $('#students thead tr th').eq(idxCell).text(); retVal[attr] = $(ele).text(); } }); return retVal; }).get(); console.log(tbl); 
  
Name Age Grade
Oscar
Antonio
Jessica