Jquery 如果单元格为空，则隐藏单元格上边框

有一个OfficeInfo表，它有两行，每行有两个单元格。第二排底部的每个单元格都有上边框，以奇特的方式将上下两行分隔开来。如果左下角单元格为空，我需要能够隐藏左边框；如果右下角单元格为空，我需要能够隐藏右边框。这样，如果没有内容，就不会无缘无故地只有边框挂在那里。如何使用jquery实现这一点

<table class="OfficeInfo" border="0" style="width: 100%" cellspacing="10px" cellpadding="15px">
  <tr>
    <td class="Office1" style="width=40%">  
     <span class="OfficeName">
     Munster Women&#39;s Center<br />
     </span>
     <span class="Address">
     8075 North Shadeland Avenue,  <br />Indianapolis, IN 46250         
     </span> 
     <span class="Phone">
     (321) 223-1232</span><br />
     <a class="mapdirectionsLink" href="#">map &#38; directions&#62;</a><br /><br />
     <span class="Hours">
     MTW: 9:00 AM- 5:00 PM</span>
    </td>

    <td class="Office2" style="width:40%">  
    </td>
  </tr>                                       
  <tr>                                    
    <td class="Office3" style="border-top:1px dotted silver;  width:40%;">   
    </td>
    <td class="Office4" style="border-top:1px dotted silver;  width:40%">                           
    </td>
  </tr> 
 </table>

蒙斯特妇女'；s中心

印第安纳波利斯北沙德兰大道8075号，邮编：46250
（321）223-1232




MTW：上午9:00-下午5:00

您可以使用jquery:empty选择器以空TD为目标，并更改border CSS属性。假设上面的两个单元格从来都不是空的，你可以这样做

 $('table.OfficeInfo td:empty').css('border', '0px');

你可以试试这个代码

  $('table.OfficeInfo tr:last > td').each(function(){ 
        if($.trim($(this).html()) == ""){
             $(this).css('border', '0px')
        }
  });

希望这有帮助

谢谢