Click on table row and get row ID/value

I really appreciate you being so willing to help, but I managed to get it working this morning.

I decided to firstly simplify the table and get it working with Jquery. You can try out the simple JSfiddle here, but basically it uses:

$(document).on("click", "#animals tbody tr", function() {
  var animal = $(this).closest('tr').attr('id');
  alert("I am a " + animal);
});

Once this was working, I adapted it to my Framework7 project:

$$('.data-table #airconList tbody tr').on('click', function (e) {
  var zaf = $$(this).closest('tr').attr('id');
  console.log(zaf);        
})