javascript - jQueryまたはJavascriptを使用してHTMLにデータがある場合にのみ、HTMLに境界線を表示しますか?

Question

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 を使用して可能ですか?

Answer 1

のようにしてみてください

{% if(!empty{choice.time_code1 }) %}
<tr>  
    <td>{{ choice.tag1 }}</td>
    <td>{{ choice.time_code1 }}</td>                    
</tr>
{% end:if %}  

Answer 2

あなたはこれを試すことができます。

$(document).ready(function(){
  $(".table tbody td").each(function(){
    if($(this).html()=="")
      {
       $(this).hide();
      }
   });
});