javascript - 如何使用jquery访问一行的数据

Question

我有下表构成页面的标题：

<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' });
      }); 
});

Answer 1

首先，将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>）