Question

以下代码无效，但如何更正呢？ THX！

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
<link href="003.css" type="text/css" rel="stylesheet"/> 
<script src="http://code.jquery.com/jquery-latest.js"></script>

<script type="text/javascript">
  $(document).ready(function(){
     $("tr").removeClass();
     $("tr:gt(0)").click(function(){$(this).css("color","red")});
  });
</script>
</head>
<style type="text/css">
.highlight td {background: red;}
</style>
</head>
<body>
<table>
  <tr>
    <td>NAME</td>
    <td>AGE</td>
  </tr>
  <tr>
    <td>John Smith</td>
    <td>44</td>
  </tr>
  <tr>
    <td>Mary Green</td>
    <td>66</td>
  </tr>
  <tr>
    <td>Bob Black</td>
    <td>22</td>
  </tr>
</table>
</body>
</html>

Answer 1

也许可以尝试更改

$("tr:gt(0)").click(function(){$(this).css("color","red")});

进入

$("tr:gt(0)").click(function() {
        $(".highlight").removeClass("highlight");
        $(this).addClass("highlight");
    });

Answer 2

您没有将<td>设置为class="highlight"，因此所有背景都不会为红色。

如何突出显示只有一行的HTML表格行可以突出显示？

2 个答案: