Re: [問題] 請問如何動態改變表格顏色
※ 引述《titaan (titan)》之銘言：
: 各位大大！
: 小弟最近在實做ajax時，想到達到某個效果！不過苦無方法，
: 請問各位大大！在不重新讀取頁面的前提下
: 如何動態改變表格的顏色呢？？
: ex.
: +-----+-----+-----+
: | a | | |
: |-----+-----+-----+
: | b | | |
: +-----+-----+-----+
: 比如 ，在b的位置點一下， b這一整行就會變成綠色！再點一下變紅色
: 就是三種顏色的循環！目前是卡在動態改變表格的顏色~~麻煩各位大大協助囉！
jquery解法 用IE按好像不太靈敏 可能是我的錯覺
http://noking.googlepages.com/tableColor.html
<style type="text/css">
.red{
background-color:red;
}
.green{
background-color:green;
}
</style>
<table border="1" width="100%">
<tr>
<td>A-1</td>
<td>A-2</td>
<td>A-3</td>
</tr>
<tr>
<td>B-1</td>
<td>B-2</td>
<td>B-3</td>
</tr>
</table>
<script type="text/javascript">
$("tr td").click(function(){
var tr=$(this).parent();
var trClass=tr.attr("class");
if(trClass==""){//white to green
tr.attr("class","green");
}else if(trClass=="green"){//green to red
tr.attr("class","red");
}else{//red to white
tr.removeAttr("class");
}
});
</script>
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 122.116.40.183
討論串 (同標題文章)
本文引述了以下文章的的內容：
完整討論串 (本文為第 2 之 2 篇)：
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章
