javascript - 使用 css 和 javascript 仅更改特定表格内容的颜色

Question

我在我的一个网页上的表格中显示数据。当用户点击一行时，我只希望该行改变颜色。我会满足于那个细胞。我在页面上引用了一个 css 文件，其中包含两种样式 td_on 和 td_off，除了背景颜色外，它们具有相同的设置。我像这样将“类”标签放在 td 中:

<td align="center" class="td_off" >

我曾尝试使用 onclick 操作将类更改为 td_on 样式，例如 onclick="class=td_on"但这不会导致任何更改。有人可以告诉我这样做的正确语法是什么......或者更简单的方法来完成？？？!提前致谢。

Answer 1

使用 jQuery 很容易做到这一点，下面是更改表格单元格的颜色:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script>
    $(document).ready(function() {

        $('td').bind('click',function() {
            $(this).css('background-color','red');
        });


    });
</script>

或者将:$(this).css('background-color','red');改为$(this).parent().css('background-color ','red');，如果你想改变整行的颜色。