Question

我在<td>内放置了一张桌子。我想使用JQuery将td为空时将表的边框宽度更改为ZERO。 JQuery似乎无法正常工作。请更正。

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

这就是渲染的Html看起来像

<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');
});

这会在任何border-width内更改包含空td的表格的#trInner。父函数确保选中表而不是空td。

希望这有帮助。

使用JQuery设置表的css属性

1 个答案: