jQuery中的行选择代码

时间:2013-07-23 06:12:44

标签: javascript jquery jsp

假设我在不同的tables中有不同的jsp pages。我必须在jQuery中编写一个通用代码,以便在每个page上,当我click在特定行的任何位置时,整个row被选中并且color }} 变化。请帮忙!

<html>
<body>
<table border = 1 align="center" width="500" height="50">
<tr>
    <td>3</td>
    <td>2</td>
    <td>5</td>
</tr>
<tr>
    <td>7</td>
    <td>8</td>
    <td>9</td>
</tr>
    <tr>
    <td>4</td>
    <td>6</td>
    <td>1</td>
</tr>
</body>
</html>

例如上面是我的表。现在请建议怎么做?我是新人。

1 个答案:

答案 0 :(得分:0)

CSS:

.highlight{background-color:red;}

JS:

$('tr').click(function(){
    $(this).addClass('highlight');
});