其實只是想閒聊而已，另外不曉得以前有沒有人提過。
假設以下 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")
存在著潛在差異。