zoukankan      html  css  js  c++  java
  • jQuery中大于gt和小于lt

    gt,lt计数都是下标从0开始,而且不论大小于,都不包括它自己本身。

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset='UTF-8'>
    <title></title>
    </head>
    <body>
    	<table style="float:left; 200px;"> 
    		<tr>
                <td>0</td>
            </tr>
            <tr>
                <td>1</td>
            </tr>
            <tr>
                <td>2</td>
            </tr>
            <tr>
                <td>3</td>
            </tr>
            <tr>
                <td>4</td>
            </tr>
            <tr>
                <td>5</td>
            </tr>
            <tr>
                <td>6</td>
            </tr>
        </table>
    	<table style="float:left; 200px;"> 
    		<tr>
                <td>0</td>
            </tr>
            <tr>
                <td>1</td>
            </tr>
            <tr>
                <td>2</td>
            </tr>
            <tr>
                <td>3</td>
            </tr>
            <tr>
                <td>4</td>
            </tr>
            <tr>
                <td>5</td>
            </tr>
            <tr>
                <td>6</td>
            </tr>
        </table>
    	<table style="float:left; 200px;"> 
    		<tr>
                <td>0</td>
            </tr>
            <tr>
                <td>1</td>
            </tr>
            <tr>
                <td>2</td>
            </tr>
            <tr>
                <td>3</td>
            </tr>
            <tr>
                <td>4</td>
            </tr>
            <tr>
                <td>5</td>
            </tr>
            <tr>
                <td>6</td>
            </tr>
        </table>
    </body>
    <script src="jquery.js"></script>
    
    <script type="text/javascript">
    //情况1
    $("table:eq(0) tr:lt(3)").css("backgroundColor", "yellow");
    //情况2。gt(0)以后,索引为0的已经被排除了,那么剩下的有重新计数,下标又从0开始。
    $("table:eq(1) tr:gt(0):lt(3)").css("backgroundColor", "red");
    //情况3。gt(3)以后,索引为0,1,2,3的已经被排除了,那么剩下的有重新计数,下标又从0开始。
    $("table:eq(2) tr:gt(3):lt(2)").css("backgroundColor", "green");
    </script>
    </html>
    

    结果如下:

  • 相关阅读:
    laravel、TP、YII框架的优缺点
    关于如何关闭Laravel中严格模式的两种方法
    Laravel扩展阿里云OSS对象存储
    Laravel权限管理的应用记录
    laravel原生MySQL之Group记录
    laravel导出Xlsx
    软件工程课的认识
    斗兽棋项目开发计划书
    斗兽棋测试计划说明书
    测试报告分析
  • 原文地址:https://www.cnblogs.com/seven7seven/p/4761235.html
Copyright © 2011-2022 走看看