1

我在 HTML 中有一个这样的表格:

<table class="table table-bordered">  
    <thead>  
        <tr>  
            <th>Tag</th> 
            <th>Time Code</th>  
        </tr>  
    </thead>  
    <tbody>  
        <tr>  
            <td>{{ choice.tag1 }}</td>
            <td>{{ choice.time_code1 }}</td>                    
        </tr>  
        <tr>  
            <td>{{ choice.tag2 }}</td>
            <td>{{ choice.time_code2 }}</td>                    
        </tr>  
        <tr>  
            <td>{{ choice.tag3 }}</td>
            <td>{{ choice.time_code3 }}</td>                    
        </tr>  
        <tr>  
            <td>{{ choice.tag4 }}</td>
            <td>{{ choice.time_code4 }}</td>                    
        </tr>  
        <tr>  
            <td>{{ choice.tag5 }}</td>
            <td>{{ choice.time_code5 }}</td>                    
        </tr>  
        <tr>  
            <td>{{ choice.tag6 }}</td>
            <td>{{ choice.time_code6 }}</td>                    
        </tr>  
        <tr>  
            <td>{{ choice.tag7 }}</td>
            <td>{{ choice.time_code7 }}</td>                    
        </tr>  
        <tr>  
            <td>{{ choice.tag8 }}</td>
            <td>{{ choice.time_code8 }}</td>                    
        </tr>  
        <tr>  
            <td>{{ choice.tag9 }}</td>
            <td>{{ choice.time_code9 }}</td>                    
        </tr>  
        <tr>  
            <td>{{ choice.tag10 }}</td>
            <td>{{ choice.time_code10 }}</td>                   
        </tr>  
    </tbody>  
</table>  

{{}}我大多数时候使用的变量都是空的。即使显示的是空的 td 。如果它们是空的,我不会切断空间并且不会显示任何 td。例如,有时我可能只有第 3 个 td 的数据,因此我只想显示第 3 个 td。这可能使用 jQuery 或 JavaScript 吗?

4

4 回答 4

1

试试喜欢

{% if(!empty{choice.time_code1 }) %}
<tr>  
    <td>{{ choice.tag1 }}</td>
    <td>{{ choice.time_code1 }}</td>                    
</tr>
{% end:if %}  
于 2013-04-02T09:46:11.757 回答
1

你可以试试这个可能会帮助你:

$(document).ready(function(){
  $(".table tbody td").each(function(){
    if($(this).html()=="")
      {
       $(this).hide();
      }
   });
});
于 2013-04-02T09:48:39.647 回答
0

如果你想隐藏 td 如果它们是空的,如果两个 td 都是空的,则隐藏整个 tr 试试这个:

$(function(){
  $(".table tbody tr").each(function(){
     var empty = true;
     $(this).find("td").each(function(){
        if ($(this).html()=="")
           $(this).hide();
        else
           empty = false;
     });
     if (empty){
        $(this).hide();
     }
  });
});
于 2013-04-02T09:54:23.207 回答
-2

或者你可以在 javascript 中运行一个 for 循环

于 2013-04-02T09:57:38.420 回答