Javascript 如何将firebase实时数据库中的数据检索到可选HTML表中？

我试图从firebase实时数据库中检索数据，然后将它们附加到HTML表中。但是，对于如何创建可选择的HTML表并提交所选内容，我没有任何想法。下面是我的数据库树的外观

这是我制作的HTML表格

<table class="hotel-list" id="Marriott-hotel-list">
    <thead class="thead-inverse">
        <tr>
        <th>Hotel Name</th>
        <th>Hotel Location</th>
        <th>Cheap Room's Price</th>
        <th>Amount of Cheap Room</th>
        <th>Expensive Room's Price</th>
        <th>Amount of Cheap Room</th>
        </tr>
    </thead>
    <tbody>
        <tr id="tr">
        <td id="Hotel-Name"></td>
        <td id="Hotel-location"></td>
        <td id="Cheap-Rooms-Price"></td>
        <td id="Amount-of-Cheap-Room"></td>
        <td id="Expensive-Rooms-Price"></td>
        <td id="Amount-of-Cheap-Room"></td>
       </tr>
   </tbody>
</table>

酒店名称
酒店位置
便宜的房价
便宜房间的数量
昂贵的房价
便宜房间的数量

这是我用来尝试将数据附加到表中的js

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
      var database = firebase.database();
        database.ref('projectTable/hotelTable/Hilton/').orderByChild('hotel_name').once('value', function (snapshot) {

   if (snapshot.exists()) {
     var content = '';
     snapshot.forEach(function (data) {
     var val = data.val();
        content += '<tr>';
       content += '<td>' + val.hotel_name + '</td>';
       content += '<td>' + val.Location + '</td>';
       content += '<td>' + val.cheap_room_price + '</td>';
       content += '<td>' + val.max_amount_cheap_room + '</td>';
       content += '<td>' + val.expensive_room_price + '</td>';
       content += '<td>' + val.max_amount_expensive_room + '</td>';
       content += '</tr>';
           });
        $('#Marriott-hotel-list').append(content);
           }
         });

  </script>

var database=firebase.database（）；
database.ref（'projectTable/hotelTable/Hilton/'）。orderByChild（'hotel_name'）。once（'value'，函数（快照）{
if（snapshot.exists（））{
var内容=“”；
snapshot.forEach（函数（数据）{
var val=data.val（）；
内容+=''；
内容+=''+val.hotel_name+''；
内容+=''值位置+''；
内容+=''+val.HEAP\U room\U price+''；
内容+=''+val.max\u金额\u廉价房间+''；
内容+=''+val.昂贵的房间价格+''；
内容+=''+val.max\u金额\u昂贵的房间+''；
内容+=''；
});
$（“#万豪酒店列表”）。追加（内容）；
}
});

我试着把酒店名称、位置、便宜房价格、最大金额、便宜房价格、昂贵房价格、最大金额、昂贵房价格，这些数据从数据库中放到表中。 但是网页上没有显示任何内容，而且我意识到我制作的表格没有可选择的功能。 有专家能指出我的错误并帮助我用Javascript修复它吗？谢谢你，非常感谢