• 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>
    

    结果如下:

  • 相关阅读:
    Java学习:面向对象三大特征:封装、继承、多态之封装性
    Java学习:构造方法
    Java学习:集合双列Map
    斗地主综合案例:有序版本(双列)
    JDK9对集合添加的优化
    Java学习:Debug调试程序
    计算一个字符串中每一个字符出现的次数
    Java学习:Map接口
    Java学习:可变参数
    Pediy CTF 2018 reverse
  • 原文地址:https://www.cnblogs.com/seven7seven/p/4761235.html
Copyright © 2020-2023  润新知