顯示/隱藏所選表格

Question

我已經做了一個工作示例，我知道行數。如果布爾值為false，則基本顯示1和2行，如果為true，則基本隱藏。單擊功能進行顯示和隱藏。

現在我想做同樣的事情。但是現在我不知道有多少行，我正在嘗試使用this 。

 var database = firebase.database();
 database.ref("orders").once('value', function(snapshot) {
     if (snapshot.exists()) {
         var content = '';
         snapshot.forEach(function(data) {
             var val = data.val();
             var degis = val[5].replace("pips", "     ");
             var tss = degis.substring(0, 7);
             content += ' < tr class = "zurna" onclick = "changevisible(this)" >';
             content += ' < td > ' + val[0] + ' < /td>';
             content += ' < td > ' + val[1] + ' < /td>';
             content += ' < td > ' + val[4] + ' < /td>';
             content += ' < td class = "zal" > ' + tss + ' < /td>';
             content += ' < /tr>';
             content += ' < tr id = "subinfo1" class = "altbilgi" onclick = "changevisible(this)" >';
             content += ' < th colspan = "2" class = "altsol" > '  + "Date open:" +' < /th>';
             content += ' < th colspan = "2" class = "datekoy" > ' + val[2] + ' < /th>';
             content += ' < /tr>';
             content += ' < tr id = "subinfo2" class = "altbilgi" onclick = "changevisible(this)" >';
             content += ' < th colspan = "2" class = "altsol" > '  + "Date close:" +' < /th>';
             content += ' < th colspan = "2" class = "datekoy" > ' + val[3] + ' < /th>';
             content += ' < /tr>';
         });
         $('#ex-table').append(content);
     }
     $('.zal').each(function() {
         if (parseInt($(this).text().trim()) < 0) {
             $(this).addClass('redback');
         } else if (parseInt($(this).text().trim()) > 0) {
             $(this).addClass('greenback');
         }
     });
 });

 function changevisible(id) {
     id.getElementById("subinfo1").style.visibility = "collapse";
     id.getElementById("subinfo2").style.visibility = "collapse";
 }
 It 's says "id.getElementById is not a function"

Answer 1

我用來顯示和隱藏表格行的方式如下：

1. 將onclick方法添加到<tr> 。

   <tr onclick="selectedRow(val)"> 。

2. 添加禁用的屬性，然后將方法isSelected（val）調用到<tr> 。

   <tr onclick="selectedRow(val)" disabled="isSelected(val)">

JavaScript中的方法：

var selectedItem;

selectedRow = function(val) {
    selectedItem = val;
}

isSelected = function(val) {
    return val == selectedItem;
}