jQuery中的行选择代码

Row selection code in jQuery

本文关键字：选择 代码 行选 jQuery      更新时间：2023-09-26

假设我在不同的jsp pages中有不同的tables。我必须在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>

例如，上面是我的表格。现在请你建议怎么做？这一切我都是新来的。

CSS:

.highlight{background-color:red;}

JS:

$('tr').click(function(){
    $(this).addClass('highlight');
});
相关文章：