0

私のWebページにはテーブルがあり、行の背景を変更したいのですが、その過程で、行がクリックされたときにその行に対応するラジオボタンをチェックしてください。jquery を使用して次のことを試しました。

<style>
  .active { background-color: #8fc3f7;}
</style>  
<script>
$(document).ready(function() 
  {
    $('#reqtablenew tr').click(function () 
       {
         $('#reqtablenew tr').removeClass("active");
         $(this).addClass("active");
       });
  });
<script>

私が間違っていることや回避策についての考えは大歓迎です。ページに次のスクリプトを含めました。src="http://code.jquery.com/jquery-1.9.1.js"> および src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"

これが私のテーブルのフィドルです http://jsfiddle.net/Gz668/5/

4

3 に答える 3

2

問題は、td にも背景色があることです

.newreqtable td {
   .....
   background-color:#ffffff;

したがって、アクティブなクラスを強制する必要があります。

tr.active td{background-color: #8fc3f7;}

これを参照してください:http://jsfiddle.net/Gz668/9/

于 2013-11-14T06:31:52.217 に答える