[jQuery, php] リンクにパラメータ付けて、テーブルの該当箇所だけ表示


メモ

一つ大きめのテーブルがあって、その中のセルにキーワードが複数入っていると想定。
そしてtr毎にidを指定。
例)

aaa bbb ccc
ddd eee fff
ggg hhh iii
jjj kkk lll
<table>
<tbody>
<tr id="re1"><td width=100>aaa</td><td width=100>bbb</td><td width=100>ccc</td></tr>
<tr id="re2"><td>ddd</td><td>eee</td><td>fff</td></tr>
<tr id="re3"><td>ggg</td><td>hhh</td><td>iii</td></tr>
<tr id="re4"><td>jjj</td><td>kkk</td><td>lll</td></tr>
</tbody>
</table>

で、後はjQueryとphpで

$area = $_GET['area'];
if($area){
echo <<< EOM
<script type="text/javascript">    
jQuery(document).ready(function ()
{
jQuery('tr').each(function(){
jQuery(this).css('display','none');
})
jQuery('#{$area}').css('display','table-row');
});
</script>  
EOM;
}

としといて、areaパラメータに表示させたいtrのidを当てはめたリンクを設定すれば、そのtrのみが表示される。

<a href='table/?area=re1'>aaa</a>


物草灸太郎

怠けたい。

コメントを残す