한 행만 HTML 테이블 행을 강조 표시하는 방법을 강조 표시 할 수 있습니까?

다음 코드는 작동하지 않지만이를 수정하는 방법은 무엇입니까? 고마워!한 행만 HTML 테이블 행을 강조 표시하는 방법을 강조 표시 할 수 있습니까?

<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>

출처

2009-04-18 Anonymous

로

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

을 변경하려고? – balexandre

먼저 코드가 무엇을하고 있습니까? 두 번째로 당신은 붉은 색을 설정하고있는 것처럼 보입니까? 수업을 강조하도록 설정하면 안됩니까? 그렇지 않으면 빨간색으로 설정되고 결코 지워지지 않습니다. –

여러 행을 클릭하면 마지막 행을 클릭하는 것이 아니라 여러 행이 강조 표시되는 문제가 있습니까? –

어쩌면 당신이 질문을 바꿔주십시오 수

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

출처

2009-04-18 02:48:30 cobbal

고맙습니다! 작동합니다 .. –

"질문"에 대한 답변이있는 경우 체크 표시를 클릭하고 대답으로 표시하십시오. –

죄송합니다. 처음 사용자는 어디에 체크 표시가 있습니까? –

당신은 그래서 배경 중 어느 것도 빨간색 없을 것 <td>class="highlight" 중 어느 설정되지 않습니다.

출처

2009-04-18 02:46:14

그것이 작동하지 않는 것은 아닙니다. 이 코드를 실행하면 행을 강조 표시 할 수 있지만 새 행을 강조 표시하고 이전 행을 강조 표시하면 문제가 발생합니다. ( –

그럼 관련 코드 (또는 질문)를 모두주지 않은 것입니다. –

한 행만 HTML 테이블 행을 강조 표시하는 방법을 강조 표시 할 수 있습니까?

답변

관련 문제