其实只是想闲聊而已，另外不晓得以前有没有人提过。
假设以下 table:
<table border=2>
<tr><td>城市</td><td>区域</td><td>景点</td></tr>
<tr><td>京都</td><td>二条</td><td>二条城，大政奉还的地点。</td></tr>
<tr><td>京都</td><td>五条</td><td>清水寺，有著名的清水舞台。</td><tr>
<tr><td>大阪</td><td>新世界</td><td>通天阁，大阪的地标。</td></tr>
</table>
然后我在页面写了一个 filter 按钮:
function filter_data()
{
fstr=document.getElementById("filter").value;
$("tr").each(function(){
tmp=$(this).text();
if(tmp.indexOf(fstr)>=0)
$(this).css("display","block");
else
$(this).css("display","none");
});
}
上面是很直觉的写法，对每一行 tr 做 foreach，如果该行
有关键字(fstr)就显示，没这个关键字就隐藏。
我实测的结果，在 IE 上可以正常显示，在 chrome 上面则
会显示错误的排版，表格会有对不齐的情况。
后来把上面关键段改成底下就解决:
if(tmp.indexOf(fstr)>=0)
$(this).show();
else
$(this).hide();
再实测的结果，只对原本的 tr 每一列做 display=none，
它在 chrome 是会正常显示的:
if(tmp.indexOf(fstr)>=0);
else
$(this).css("display","none");
但只要有用到 $(this).css("display","block"); 排版就
会不正常。
所以有在怀疑是不是 show() 跟 css("display","block")
存在着潜在差异。