css - 在截止日期小于今天的日期时隐藏内容 – rails 4

Question

我是 Rails 的新手，因此非常感谢任何帮助和建议。

• 如果 deadline 日期早于今天的日期，我将尝试隐藏招聘广告(使用 CSS)。
• 我的代码无法正常工作，因为广告没有被隐藏
• 如果有人能给我建议，或者是否有更有效的编码方式，我将不胜感激

谢谢

views / adverts / index.html.erb

<table>   
 <thead>     
  <tr>   
   <th>Title</th>
   <th>Status</th>              
   <th>Content</th>       
   <th>Deadline</th>       
  </tr>   
 </thead>    
 <tbody>     
  <% @adverts.each do |advert| %>   
   <% if advert.deadline < Date.today %>   
   <div class="hide">    
    <tr>         
     <td><%= advert.title %></td>
     <td><%= “expired” %></td>        
     <td><%= advert.content %></td>      
     <td><%= advert.deadline %></td>        
    </tr> 
   </div >
   <% else %>   
    <div >    
     <tr>         
      <td><%= advert.title %></td>
      <td><%= “active” %></td> 
      <td><%= advert.content %></td>      
      <td><%= advert.deadline %></td>        
     </tr> 
    </div >
   <% end %>   
  <% end %>   
 </tbody> 
</table>

application.css

.hide {
 display:none
}

Answer 1

不要用 div 包裹 tr，只需将“.hide”类应用于相关的 tr。 Div 不应该用作表中的直接子项!

<% @adverts.each do |advert| %>   
   <% if advert.deadline < Date.today %>    
    <tr class="hide">         
     <td><%= advert.title %></td>
     <td><%= “expired” %></td>        
     <td><%= advert.content %></td>      
     <td><%= advert.deadline %></td>        
    </tr> 
<% else %>