JQueryを使用してテーブルのCSSプロパティを設定します

Question

<td>の内部にテーブルがあります。 JQueryを使ってtdが空の場合、テーブルの境界線の幅をゼロに変更したいと思います。 JQueryは動作していないようです。正してください。

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

これは、レンダリングされたHTMLは、BB

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

おかげ

をlooklike方法です

Answer 1

私が正しくあなたを理解していれば、次のコード必要があります：

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

を

これにより、空のtdを含む表のborder-widthがいずれかの#trInnerに変更されます。親関数はテーブルが選択されていて、空ではないことを確認しますtd。

これが役に立ちます。