jQuery :lt和gt 选择器的使用（可用于对象的包含或排除等）

Posted 2021-03-10 James wang

1、https://www.w3school.com.cn/jquery/selector_lt.asp

会选取 index 值小于指定数的元素，如下所示：选取前4个元素对象

var $SSli = $("#SS>ul li:lt(3)");

 

2、https://www.w3school.com.cn/jquery/selector_gt.asp

:gt 选择器选取 index 值高于指定数的元素，如下所示：

选择前 3 个之后的所有 <tr> 元素：

$("tr:gt(2)")

选取3以后的所有元素对象。即排除了前3个对象

var $SSli = $("#SS>ul li:gt(2)");

<div id="SS">
    <ul>
        <li class="col-xs-6">
            0
        </li>
        <li class="col-xs-6">
            1
        </li>
        <li class="col-xs-6">
            2
        </li>
        <li class="col-xs-6">
            3
        </li>
        <li class="col-xs-6">
            4
        </li>
        <li class="col-xs-6">
            5
        </li>
        <li class="col-xs-6">
            6
        </li>
        <li class="col-xs-6">
            7
        </li>
    </ul>
</div>