使用JQuery設置表的css屬性

Question

我有一個表放置在<td>裏面。如果td爲空，我想使用JQuery將表格的邊框寬度更改爲ZERO。 JQuery似乎不起作用。請改正。

$(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

Answer 1

如果我理解正確的話，你需要下面的代碼：

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

這會更改#trInner中包含空的td的表的border-width。父級功能確保已選擇表格而不是空的td。

希望這會有所幫助。