當另一行爲空時隱藏一個表格行

我在表格中有一些數據，並動態生成兩種不同的行。第一種是日期行，第二種是內容行。這樣我可以顯示例如在與此相對應的日期行下方的正確消息。當另一行爲空時隱藏一個表格行

<table class="channel-data"> 
<tbody> 
    <?php 
    $current_date = ""; 
    while($programs=$obj->fetchNextObject($sql_tv_programs)):?> 


    <?php if($current_date != $programs->date):?> 
    <tr class="date active" id="date_<?php echo $programs->date?>"> 
     <td> 
      <?php 
       $current_date = $programs->date; 

       $day = date('l', strtotime($current_date)); 
       $day_num = date('j', strtotime($current_date)); 
       $month = date('M', strtotime($current_date)); 
      ?> 

      <div class="current" style="display: block;"> 
       <h2> 
        <span id="match-day" class="tv_date"><span class="match-month-date"><span class="match-month"><?php echo translate($month) ?></span><span class="match-date"><?php echo date('d', strtotime($programs->end))?></span></span><?php echo translate($day) ?></span> 
       </h2> 
      </div> 
     </td> 
    </tr> 
    <?php endif ?> 
     <tr class="row sport_<?php echo $programs->sport_id?> active" onclick="$(this).siblings().children().children('.content').slideUp(200);$(this).children().children('.content').slideToggle(200);"> 
    <td> 


       <div class="m"> 
       <p>bla</p> 
       </div> 
       <div class="i"> 
     <img src="#"> 
       </div> 
       <div class="t"> 
       </div> 
       <div class="l"> 
       </div> 
       <div class="v"> 

       </div> 
       <div class="content"> 

        <div class="tv_league_responsive"> 
        <span>&nbsp;<?php echo $programs->league?></span> 
        </div> 
        <ul> 
         <li class="ts-calendar"><a>some</a></li> 
         <li class="ts-facebook"><a>thing</a></li> 
         <li class="ts-twitter"><a>new</a></li> 
        </ul> 

       </div> 
      </td> 
     </tr> 
    <?php 
    endif; 
    endwhile 
    ?> 
</tbody>

我已經爲了讓它更容易理解簡化我的代碼。真正的問題是關於我的jQuery代碼：

<script> 
$(document).ready(function(){ 
    if($('table.channel-data .row').hasClass('active')) { 
     $('#date_<?php echo $programs->date?>').addClass('hello'); 
    } 
});

在這裏，我試圖將類添加到特定生成的ID如果行公頃類「活躍」。然而，這不起作用。什麼是更好的方式來做到這一點？我的目標是能夠在沒有.row類的相應條目的情況下隱藏日期行。希望這不是太糟糕的制定。

來源

2014-09-10 user2405062

嘗試： -

$(document).ready(function(){ 
    var td = $('table.channel-data tr td:eq(1)'); 
    var tdHtml = td.html(); 
    setInterval(function() { 
     //empty row 
     if (td.html() =="") { 
     // it has changed 
     td.hide(); 
     } 
    }, 1000); 
});

來源

2014-09-10 09:51:24 Hamix

不知道這是否是你想要什麼，如果你只是想給類添加到你可以使用$（本）選擇不檢查其ID相同的元素

//--like this--- 
    if($('table.channel-data .row').hasClass('active')) { 
     $(this).addClass('hello'); 
    }

希望它有幫助！乾杯， Ajju

來源

2014-09-10 09:58:46 ajjuRwt

當另一行爲空時隱藏一個表格行

回答

相關問題