скрыть верхнюю границу ячейки, если ячейки пусты - PullRequest
Новая
       14

скрыть верхнюю границу ячейки, если ячейки пусты

0 голосов
/ 01 декабря 2011

есть таблица 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>

Ответы [ 2 ]

0 голосов
/ 01 декабря 2011

Вы можете попробовать этот код 

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

Надеюсь, это поможет

Спасибо.

0 голосов
/ 01 декабря 2011

Вы можете использовать селектор jquery: empty для нацеливания на пустые TD и изменения CSS-свойства border. Предполагая, что две верхние ячейки никогда не бывают пустыми, вы можете сделать что-то вроде 

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