<!DOCTYPE html> <html> <!--去除表格中的空的<td>行或列--> <head> <title>Demo</title> <style type="text/css">
<!DOCTYPE html>
<html>
<!--去除表格中的空的<td>行或列-->
<head>
<title>Demo</title>
<style type="text/css">
table {
border-collapse: collapse;
}
td {
border: solid 1px #CCC;
width: 20px;
height: 20px;
}
</style>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
</head>
<body>
<input type="button" value="Clear Empty" onclick="RemoveEmpty();" />
<table id="testtable">
<tr>
<td>a</td>
<td>b</td>
<td></td>
<td>b</td>
<td></td>
<td>c</td>
<td>d</td>
<td></td>
<td>e</td>
<td>f</td>
<td></td>
<td></td>
<td>g</td>
<td></td>
<td>h</td>
<td></td>
<td>i</td>
<td></td>
<td>j</td>
<td></td>
<td>k</td>
<td></td>
<td>l</td>
<td></td>
<td>m</td>
<td></td>
<td>n</td>
<td></td>
<td>o</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>a</td>
<td></td>
<td></td>
<td>b</td>
<td></td>
<td>c</td>
<td>d</td>
<td></td>
<td>e</td>
<td>f</td>
<td></td>
<td></td>
<td>g</td>
<td></td>
<td>h</td>
<td></td>
<td>i</td>
<td></td>
<td>j</td>
<td></td>
<td>k</td>
<td></td>
<td>l</td>
<td></td>
<td>m</td>
<td></td>
<td>n</td>
<td></td>
<td>o</td>
<td></td>
</tr>
<tr>
<td>a</td>
<td></td>
<td></td>
<td>b</td>
<td></td>
<td>c</td>
<td>d</td>
<td></td>
<td>e</td>
<td>f</td>
<td></td>
<td></td>
<td>g</td>
<td></td>
<td>h</td>
<td></td>
<td>i</td>
<td></td>
<td>j</td>
<td></td>
<td>k</td>
<td></td>
<td>l</td>
<td></td>
<td>m</td>
<td></td>
<td>n</td>
<td></td>
<td>o</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>a</td>
<td></td>
<td></td>
<td>b</td>
<td></td>
<td>c</td>
<td>d</td>
<td></td>
<td>e</td>
<td>f</td>
<td></td>
<td></td>
<td>g</td>
<td></td>
<td>h</td>
<td></td>
<td>i</td>
<td></td>
<td>j</td>
<td></td>
<td>k</td>
<td></td>
<td>l</td>
<td></td>
<td>m</td>
<td></td>
<td>n</td>
<td></td>
<td>o</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>a</td>
<td></td>
<td></td>
<td>b</td>
<td></td>
<td>c</td>
<td>d</td>
<td></td>
<td>e</td>
<td>f</td>
<td></td>
<td></td>
<td>g</td>
<td></td>
<td>h</td>
<td></td>
<td>i</td>
<td></td>
<td>j</td>
<td></td>
<td>k</td>
<td></td>
<td>l</td>
<td></td>
<td>m</td>
<td></td>
<td>n</td>
<td></td>
<td>o</td>
<td></td>
</tr>
<tr>
<td>a</td>
<td></td>
<td></td>
<td>b</td>
<td></td>
<td>c</td>
<td>d</td>
<td></td>
<td>e</td>
<td>f</td>
<td></td>
<td></td>
<td>g</td>
<td></td>
<td>h</td>
<td></td>
<td>i</td>
<td></td>
<td>j</td>
<td></td>
<td>k</td>
<td></td>
<td>l</td>
<td></td>
<td>m</td>
<td></td>
<td>n</td>
<td></td>
<td>o</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>a</td>
<td></td>
<td></td>
<td>b</td>
<td></td>
<td>c</td>
<td>d</td>
<td></td>
<td>e</td>
<td>f</td>
<td></td>
<td></td>
<td>g</td>
<td></td>
<td>h</td>
<td></td>
<td>i</td>
<td></td>
<td>j</td>
<td></td>
<td>k</td>
<td></td>
<td>l</td>
<td></td>
<td>m</td>
<td></td>
<td>n</td>
<td></td>
<td>o</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>a</td>
<td></td>
<td></td>
<td>b</td>
<td></td>
<td>c</td>
<td>d</td>
<td></td>
<td>e</td>
<td>f</td>
<td></td>
<td></td>
<td>g</td>
<td></td>
<td>h</td>
<td></td>
<td>i</td>
<td></td>
<td>j</td>
<td></td>
<td>k</td>
<td></td>
<td>l</td>
<td></td>
<td>m</td>
<td></td>
<td>n</td>
<td></td>
<td>o</td>
<td></td>
</tr>
<tr>
<td>a</td>
<td>b</td>
<td></td>
<td>b</td>
<td></td>
<td>c</td>
<td>d</td>
<td></td>
<td>e</td>
<td>f</td>
<td></td>
<td></td>
<td>g</td>
<td></td>
<td>h</td>
<td></td>
<td>i</td>
<td></td>
<td>j</td>
<td></td>
<td>k</td>
<td></td>
<td>l</td>
<td></td>
<td>m</td>
<td></td>
<td>n</td>
<td></td>
<td>o</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>a</td>
<td></td>
<td></td>
<td>b</td>
<td></td>
<td>c</td>
<td>d</td>
<td></td>
<td>e</td>
<td>f</td>
<td></td>
<td></td>
<td>g</td>
<td></td>
<td>h</td>
<td></td>
<td>i</td>
<td></td>
<td>j</td>
<td></td>
<td>k</td>
<td></td>
<td>l</td>
<td></td>
<td>m</td>
<td></td>
<td>n</td>
<td></td>
<td>o</td>
<td></td>
</tr>
<tr>
<td>a</td>
<td></td>
<td></td>
<td>b</td>
<td></td>
<td>c</td>
<td>d</td>
<td></td>
<td>e</td>
<td>f</td>
<td></td>
<td></td>
<td>g</td>
<td></td>
<td>h</td>
<td></td>
<td>i</td>
<td></td>
<td>j</td>
<td></td>
<td>k</td>
<td></td>
<td>l</td>
<td></td>
<td>m</td>
<td></td>
<td>n</td>
<td></td>
<td>o</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>a</td>
<td></td>
<td></td>
<td>b</td>
<td></td>
<td>c</td>
<td>d</td>
<td></td>
<td>e</td>
<td>f</td>
<td></td>
<td></td>
<td>g</td>
<td></td>
<td>h</td>
<td></td>
<td>i</td>
<td></td>
<td>j</td>
<td></td>
<td>k</td>
<td></td>
<td>l</td>
<td></td>
<td>m</td>
<td></td>
<td>n</td>
<td></td>
<td>o</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>a</td>
<td></td>
<td></td>
<td>b</td>
<td></td>
<td>c</td>
<td>d</td>
<td></td>
<td>e</td>
<td>f</td>
<td></td>
<td></td>
<td>g</td>
<td></td>
<td>h</td>
<td></td>
<td>i</td>
<td></td>
<td>j</td>
<td></td>
<td>k</td>
<td></td>
<td>l</td>
<td></td>
<td>m</td>
<td></td>
<td>n</td>
<td></td>
<td>o</td>
<td></td>
</tr>
<tr>
<td>a</td>
<td></td>
<td></td>
<td>b</td>
<td></td>
<td>c</td>
<td>d</td>
<td></td>
<td>e</td>
<td>f</td>
<td></td>
<td></td>
<td>g</td>
<td></td>
<td>h</td>
<td></td>
<td>i</td>
<td></td>
<td>j</td>
<td></td>
<td>k</td>
<td></td>
<td>l</td>
<td></td>
<td>m</td>
<td></td>
<td>n</td>
<td></td>
<td>o</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>a</td>
<td></td>
<td></td>
<td>b</td>
<td></td>
<td>c</td>
<td>d</td>
<td></td>
<td>e</td>
<td>f</td>
<td></td>
<td></td>
<td>g</td>
<td></td>
<td>h</td>
<td></td>
<td>i</td>
<td></td>
<td>j</td>
<td></td>
<td>k</td>
<td></td>
<td>l</td>
<td></td>
<td>m</td>
<td></td>
<td>n</td>
<td></td>
<td>o</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>a</td>
<td></td>
<td></td>
<td>b</td>
<td></td>
<td>c</td>
<td>d</td>
<td></td>
<td>e</td>
<td>f</td>
<td></td>
<td></td>
<td>g</td>
<td></td>
<td>h</td>
<td></td>
<td>i</td>
<td></td>
<td>j</td>
<td></td>
<td>k</td>
<td></td>
<td>l</td>
<td></td>
<td>m</td>
<td></td>
<td>n</td>
<td></td>
<td>o</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>a</td>
<td></td>
<td></td>
<td>b</td>
<td></td>
<td>c</td>
<td>d</td>
<td></td>
<td>e</td>
<td>f</td>
<td></td>
<td></td>
<td>g</td>
<td></td>
<td>h</td>
<td></td>
<td>i</td>
<td></td>
<td>j</td>
<td></td>
<td>k</td>
<td></td>
<td>l</td>
<td></td>
<td>m</td>
<td></td>
<td>n</td>
<td></td>
<td>o</td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>a</td>
<td></td>
<td></td>
<td>b</td>
<td></td>
<td>c</td>
<td>d</td>
<td></td>
<td>e</td>
<td>f</td>
<td></td>
<td></td>
<td>g</td>
<td></td>
<td>h</td>
<td></td>
<td>i</td>
<td></td>
<td>j</td>
<td></td>
<td>k</td>
<td></td>
<td>l</td>
<td></td>
<td>m</td>
<td></td>
<td>n</td>
<td></td>
<td>o</td>
<td></td>
</tr>
<script type="text/javascript">
$(function() {
RemoveEmpty();
});
function RemoveEmpty() {
var notEmpty = new Array();
$("#testtable tr").each(function(i, items) {
if ($.trim($(items).text()).length == 0) {
$(items).remove();
}
$(items).find("td").each(function(tdIndex, tdItem) {
if ($.trim($(tdItem).text()) != "") {
if (!IsContain(notEmpty, tdItem)) {
notEmpty.push(tdIndex);
}
}
});
});
$("#testtable tr").each(function(index, item) {
$(item).find("td").each(function(tdIndex, tdItem) {
if (!IsContain(notEmpty, tdIndex)) {
$(tdItem).remove();
}
});
});
}
function IsContain(arr, value) {
for (var i = 0; i < arr.length; i++) {
if (arr[i] == value)
return true;
}
return false;
}
</script>
</body>
</html>
<!--在页面中如果包含了html,css,js看起来很乱，那应该怎么格式化：
sublime Text 3中安装 格式化插件 通过ctrl + shift + p调出插件安装界面。
在插件安装框中输入：HTML-CSS-JS Prettify，并安装该插件。
配置nodejs的本地路径。
在Preferences中Package settings中选择相应插件进行格式化代码
-->
