JS为表格中无内容的单元格增加一个横杠

发布时间：2018-08-15 23:47 所属栏目：121 来源：站长网

导读：Java Script为表格中无内容的单元格增加一个横杠，要在表格中的每一个空列中都添加一个横杠，可以使用 jQuery 的empty 伪选择器。一个比较实用而又基础的例子，希望对您日后的前端开发有所帮助。为解决一些网页特效运行后不能显示效果（例如：jQuery则需

　　JavaScript为表格中无内容的单元格增加一个横杠，要在表格中的每一个空列中都添加一个横杠，可以使用jQuery的empty 伪选择器。一个比较实用而又基础的例子，希望对您日后的前端开发有所帮助。

　　为解决一些网页特效运行后不能显示效果（例如：jQuery则需要刷新）问题，烈火特别新增网页版演示

　　网页演示：猛击此处

　　运行演示：

<html> <head> <title>表格中的每一个空列中都添加一个横杠</title> <script src="/uploads/common/js/jquery-1.3.2.js"></script> <script> </script> <script type = "text/javascript"> $(function(){ $('td:empty').html('-'); }); </script>  </head> <body> <table border="1" width="100px"> <tr><td>1</td><td></td><td></td></tr> <tr><td></td><td>2</td><td></td></tr> <tr><td></td><td></td><td>3</td></tr> </table> </body> </html> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!

（编辑：ASP站长网）