JQuery实现去掉一个表格的外边框,只保留内边框

来源:互联网 发布:2017基金业绩排行知乎 编辑:程序博客网 时间:2024/06/04 19:44

效果图:

实现代码:

<script type="text/javascript" src="jquery-1.5.2.min.js"></script><style>    table{border-collapse:collapse;}    table td{border: 1px solid black;} </style> <table cellspacing="0" cellpadding="0" id="aaa">   <tr><td></td><td></td><td></td></tr>    <tr><td></td><td></td><td></td></tr>  </table> <script> $(function(){ setTblNo("aaa"); }) function setTblNo(tblid) {var oTbl=$("#"+tblid);oTbl.find("tr:first >td").css("border-top","none");//去掉上边框oTbl.find("tr:last >td").css("border-bottom","none");//去掉下边框oTbl.find("tr >td:first-child").css("border-left","none");//去掉左边框oTbl.find("tr >td:last-child").css("border-right","none");//去掉右边框 } </script>


测试通过!

0 0