jquery实现无外边框table

jquery实现无外边框table

  1. 在需要设为无外边框的table上加上class noOutBorder
    1. <tableclass="noOutBorder">
      <tr>
      <td>1/td>
      </tr>
      </table>
      <tableclass="otherClassName noOutBorder">
      <tr>
      <td>1/td>
      </tr>
      </table>

       

2.在页面初始化脚本中添加

    1. $jq(document).ready(function(){
          initTabNoOutBorder();
      });
      function initTabNoOutBorder(){
          $jq("table .noOutBorder tr:first td").css("border-top","0 none");
          $jq("table .noOutBorder tr td:first-child").css("border-left","0 none");
          $jq("table .noOutBorder tr td:last-child").css("border-right","0 none");
          $jq("table .noOutBorder tr:last td").css("border-bottom","0 none");
      }

       





郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。