Как выделить строку таблицы HTML только с ОДНОЙ строкой? - PullRequest
Новая
       0

Как выделить строку таблицы HTML только с ОДНОЙ строкой?

0 голосов
/ 18 апреля 2009

Следующий код НЕ работает, но как его исправить? 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>

Ответы [ 2 ]

5 голосов
/ 18 апреля 2009

возможно попробуйте изменить 

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

в 

$("tr:gt(0)").click(function() {
        $(".highlight").removeClass("highlight");
        $(this).addClass("highlight");
    });
0 голосов
/ 18 апреля 2009

Вы не устанавливаете для <td> значение class="highlight", поэтому ни один из фонов не будет красным.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...