Question

I have two columns in my table and the rows are created dynamically.

<table id ="datatable">
  <tr> 
    <td> 
      <input type ="text"> 
    </td>
    <td> 
      <input type ="text"> 
    </td> 
  </tr>
</table>

For each row, I want to get the value of each table and insert them in an object as follows.

var reading= new Object();
reading.Name = (column1).value
reading.Value = (column2).value

How can I do that?

Answer 1

//fetching lines
$('table tr').each(function(){
  var reading = new Object();

  reading.name = $(this).find('td:first input').val();
  reading.value= $(this).find('td:last  input').val();

});

Updated: set error message if is empty

$('table tr').each(function(){
  var reading = new Object();

  name = $(this).find('td:first');
  reading.name = name.find('>input').val();
  if(reading.name == '')
  {
    name.append('<span>field empty</span>');
  }

  value = $(this).find('td:last');
  reading.value = value.find('>input').val();
  if(reading.value == '')
  {
    value.append('<span>field empty</span>');
  }

});