JavaScript получает данные из объекта массива и помещает в таблицу html

У меня есть объект, в котором хранятся данные. У меня есть, где пользователи могут выбрать вариант, а затем появится список результатов. Результаты - это ссылки. После нажатия ссылки я хотел бы, чтобы данные о компании отображались в виде таблицы. Единственное, что я не знаю, как сделать так, чтобы после того, как вы нажали на ссылку, JavaScript захватывает данные из этой ссылки и помещает их в таблицу html, которая будет отображаться. Мой вопрос: как связать мои элементы html с данными в объекте, а затем разрешить отображение этих данных в таблице? Без изменения направления моего исходного кода.

$("#listingResults").html("Business Listings Under Category <strong>" + textNameOfBusinessSelected + "</strong> are: <br/><br/><ul id='listOfBusinesses'><li><a href='javascript-exercise-16.html#bottomOfPage' onclick='clickListingLink()'>" + businessListNames.join("<br/><a href='javascript-exercise-16.html#bottomOfPage' onclick='clickListingLink()'><li>") + "</li></ul>");
} // line closes function


function clickListingLink() {
  // function is for when a link is clicked after list of businesses appear
  $('#listOfBusinesses').on('click','li', function(){     
    clickListingLink(); 
    console.info('you clicked me'); 
    seeListingInfoTable(); 
    $("hr").show();    
  });
}

function seeListingInfoTable(titleOfBusinessSelected, businessLinkSelected) {
  // function is for table that shows info of specific link clicked 
  console.info("apple");
  var tbl = "";
    tbl += '<table class = "table table-hover">';
    tbl += '</table>';
      tbl += '<tbody>';
      tbl += '<caption class = "listingTitle">' + titleOfBusinessSelected + '</caption>';
      tbl += '<tr>';
      tbl += '<th>Address</th>';
      tbl += '<th>Phone Number</th>';
      tbl += '<th>Website</th>';
      tbl += '<th>Specialty</th>';
      tbl += '</tr>';
      tbl += '<tr>';
      tbl += '<td><div class = "row_data" edit_type = "click" col_name = "fname">' + businessLinkSelected["Address"] + '</div></td>';
      tbl += '<td><div class = "row_data" edit_type = "click" col_name = "fname">' + businessLinkSelected["Phone Number"] + '</div></td>';
      tbl += '<td><div class = "row_data" edit_type = "click" col_name = "fname">' + businessLinkSelected["Website"] + '</div></td>';
      tbl += '<td><div class = "row_data" edit_type = "click" col_name = "fname">' + businessLinkSelected["Specialty"] + '</div></td>';
      tbl += '</tr>';
    tbl += '</tbody>';
    tbl += '</table>';
    $(document).find("#infoTable").html(tbl);
} // line ends seeListingInfoTable function