使用jquery单击表行时逐个隐藏它们

yeotifhr 于 2021-06-15 发布在 Mysql

关注(0)|答案(2)|浏览(336)

我使用php（mysqli\u fetch\u assoc）和create table实现了常见的sql场景。我想在单击行时随机隐藏它们。我可能还需要同时从数据库中删除它们，因为这个文件每5秒就有一个ajax从另一个文件调用一次。隐藏是不够的，因为在调用之后，行会再次出现：）我不确定这是不是最好的解决办法，但我现在正在学习。
我正试着做这样的事情，它在工作，但我只能隐藏最后一排。我想随机隐藏每一行：）

jQuery().ready(function(){
  $( "#trow" ).click(function() {
    $( "#trow" ).hide()
  });
});

<?php while ($row = mysqli_fetch_assoc($result_down)):    
    $datetime = $row['datetime'];
    $device = $row['host'];
    $message = $row['msg'];      
?>
  <tbody>
    <tr id="trow">
       <td id="device"><?php echo  $datetime;?></td>
       <td id="datatime"><?php echo $device;?></td>
     <  td id="message"><?php echo  $message;?></td>
    </tr>
  </tbody>      
<?php endwhile;?>

mysql php jquery

来源：https://stackoverflow.com/questions/54093179/hide-table-rows-one-by-one-when-click-them-using-jquery

2条答案

按热度按时间

eqqqjvef1#

只需在单击后隐藏行就可以这样做：

(function () {
  $('table tr').click(function() {
    $(this).hide();
  });
})();

赞(0）回复(0）举报 2021-06-16

8ehkhllq2#

试着改变现状 trow 从id到类名

<tbody>
<tr class="trow">
   <td id="device"><?php echo  $datetime;?></td>
   <td id="datatime"><?php echo $device;?></td>
 <td id="message"><?php echo  $message;?></td>
</tr>

在jquery端，调用类上的click事件，而不是这次调用id。这个 $(this) 表示单击的元素。

jQuery().ready(function(){
  $( ".trow" ).click(function() {
    $( this ).hide()
  });
});

赞(0）回复(0）举报 2021-06-15

我来回答

使用jquery单击表行时逐个隐藏它们

2条答案

相关问题

热门标签

最新问答