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.在页面初始化脚本中添加

　　　　

$jq(document).ready(function(){
    initTabNoOutBorder();
});
function initTabNoOutBorder(){
    $jq("table .noOutBorder tr:first-child 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-child td").css("border-bottom","0 none");
}

 

来自为知笔记(Wiz)