どのように強調表示することができます1行だけのHTMLテーブル行を強調表示できますか？

次のコードは動作しませんが、修正する方法はありますか？どうも！どのように強調表示することができます1行だけの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

それは動作しない理由ではありません。あなたはこのコードを実行すると、行が強調表示することができますが、新しい行が強調表示されたときに問題が、古いものはまだそこにあるさ:( –

さて、あなたは明らかに私たちに関連するコード（または質問）のすべてを与えていません –

どのように強調表示することができます1行だけのHTMLテーブル行を強調表示できますか？

答えて

関連する問題