2011-10-25 125 views
0

我有一个表放置在<td>里面。如果td为空,我想使用JQuery将表格的边框宽度更改为ZERO。 JQuery似乎不起作用。请改正。使用JQuery设置表的css属性

$(function() { 
    $('tr[id*="trInner"] td:empty').css('border-width', '0px'); 
}); 

这就是呈现的HTML如何looklike

<tr id ="trInner"> 
    <td class="GrayTable"> 
     <table id="MainContent_DlReviewImages" cellspacing="0" cellpadding="15" dList="dlAttachment" style="border-collapse:collapse;"> 
     <tr> 
      <td> 
      <table cellspacing="30px" > 
       <tr> 
       <td colspan="2"> 
        <table cellspacing="0" cellpadding="0" border="0" class="tableborder"> 
         <tr> 
         <td align="center"> 
          <a href="\\Day\Cl\Clms\P025175_43920471.jpg" id="MainContent_DlReviewImages_AImage_0" target="_blank"> 
          <img src="\\Day\Cl\Clms\thumbnails\P025175_43920471.jpg" id="MainContent_DlReviewImages_ThumbnailReviewImage_0" width="250" height="200" border="0" /> 
          </a> 
          </td> 
         </tr> 
        </table> 
       </td> 
       </tr> 
     </table> 
    </td> 
    </tr> 
    </table> 
    </td> 
</tr> 

感谢

BB

+3

我没有看到任何空的'​​'s。 – SLaks

+2

也没有#'id为'trInner',只是'​​' – Clive

回答

1

如果我理解正确的话,你需要下面的代码:

$(document).ready(function() { 
    $('#trInner td:empty').parent().parent().css('borderWidth','0px'); 
}); 

这会更改#trInner中包含空的td的表的border-width。父级功能确保已选择表格而不是空的td

希望这会有所帮助。