jquery的奇偶行

even 代表偶数行

odd代表奇数行

示例:

js:

 $(document).ready(function(){
             $("table tr").eq(0).addClass("sh");
             $("table tr:even:gt(0)").addClass("even");
             $("table tr:odd").addClass("odd");
           });

css:

.even{ background-color:Red;}
.odd{ background-color:#f1f1f1;}
.sh{ background-color:#d2e7fe}

 

 前台:

<div>
     <div>详细列出每个仓库管理员的姓名、部门</div>
      <table>
            <tr>
                <td width="100px">
                    姓名
                </td>
                <td width="100px">
                    部门
                </td>
            </tr>
            <asp:Repeater ID="Rp_List" runat="server">
                <ItemTemplate>
                    <tr>
                        <td>
                            <%# Eval("NAME")%>
                        </td>
                        <td>
                            <%# Eval("BM_NAME")%>
                        </td>
                    </tr>
                </ItemTemplate>
            </asp:Repeater>
        </table>
    </div>

 

 

运行结果:

 

jquery的奇偶行,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。