Question

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

.highlight td {
  background: red;
}

<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>
</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")});

进入 (jìn rù)

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

Answer 2

你没有将任何<td>设置为class="highlight"，因此没有一个背景会变成红色。

友情链接