Question

我希望突出显示转发器中的第一行，同时转发器加载到页面上，然后在鼠标单击时突出显示一行。

<asp:Repeater ID="rptTest" runat="server">
  <HeaderTemplate>
    <table border="1" cellpadding="4" cellspacing="0">
      <tr>
        <th>Room</th>
        <th>Board</th>
        <th>Status</th>
      </tr>
  </HeaderTemplate>
  <ItemTemplate>
    <tr>
      <td><%# DataBinder.Eval(Container.DataItem, "Room")%></td>
      <td><%# DataBinder.Eval(Container.DataItem, "Board")%></td>
      <td><%# DataBinder.Eval(Container.DataItem, "Status")%></td>
    </tr>
  </ItemTemplate>
  <FooterTemplate>
    </table>
  </FooterTemplate>
</asp:Repeater>

Answer 1

使用jQuery :(你说，如果可能的话）

var _=$("table tr:gt(0)");
  _.first().css('background-color','yellow');
  _.on('click',function (){
                          _.css('background-color','');
                         $(this).css('background-color','yellow');
});

http://jsbin.com/ukoXeNEy/4/edit

但要完成你的aspnet ID：

var _=$("#<%=rptTest.ClientID %> tr:gt(0)");
      _.first().css('background-color','yellow');
      _.on('click',function (){
                              _.css('background-color','');
                             $(this).css('background-color','yellow');
    });

在转发器中突出显示一行

1 个答案: