-1

ページのヘッダーを形成する次の表があります。

<table class="wpHeaderTable">
    <tr>
        <td style="width:10%;"></td>
        <td style="width:10%;"></td>
        <td style="width:10%;text-align:center;color:#FFFFFF;">data1</td>
        <td style="width:auto;text-align:center;color:#FFFFFF;">
            <a href="<s:url action=" ViewAppeals "/>" onclick="check" style="color:#FFFFF;text-decoration:none;">View Appeals</a>
        </td>
        <td style="width:10%;text-align:center;color:#FFFFFF;">data3</td>
        <td style="width:10%;text-align:center;color:#FFFFFF;">data4</td>
        <td style="width:10%;text-align:center;color:#FFFFFF;">data5</td>
        <td style="width:10%;text-align:center;color:#FFFFFF;">data6</td>
        <td style="width:10%;text-align:center;color:#FFFFFF;">data7</td>
        <td style="width:10%;"></td>
    </tr>
</table>

そのページが読み込まれると、ViewAppealsこのテーブルのデータの背景色は黄色になり、その他のデータの背景色は青色になります。

データは、ViewAppealsクリックすると別のページにリダイレクトされるリンクです。

これどうやってするの？

これまでにこのスクリプトを試しました：

$(document).ready(function(){
    $('tr').click(function(){
        $('tr td').css({ 'color' : 'none'});
        $('td', this).css({ 'color' : '#CCC' });
      }); 
});
4

1 に答える 1

0

まず、id属性を<tr>

<tr id="someid">

</div>

次に、子供を選択します<td>

$(document).ready(function(){
    $('tr#someid').click(function(){
        $("tr td").css({ 'color' : 'none'});
        $(this + " > td").css({ 'color' : '#CCC' });
      }); 
});

セレクターを使用して>、クリックした要素の子 (この場合は<tr>)を選択できます。

于 2013-04-05T11:38:31.690 に答える