作者: | 来源:互联网 | 2023-08-24 11:14
.gt(下标):获取大于某个下标之后的下标。.lt(下标):获取大于某个下标之后的下标。注意:在层次选择器中使用基本过滤选择器中的.gt属性和lt属性时应该把lt放在gt前面。以t
.gt(下标):获取大于某个下标之后的下标。
.lt(下标):获取大于某个下标之后的下标。
注意:在层次选择器中使用基本过滤选择器中的.gt属性和lt属性时应该把lt放在gt前面。
以table表格控件及子控件tr举例。
先创建一个5行5列的表格。如下图

改变大于1行小于4行的背景
如果将gt属性写在lt前面,
功能代码:$(".mytable tr:gt(1):lt(4)").css("background-color", "#5CCAAA");
效果如下:

上面这种写法并不能达到效果,如果将lt属性写在gt前面,
功能代码:$(".mytable tr:lt(4):gt(1)").css("background-color", "#5CCAAA");
效果如下:

可以看到这样写能完成效果,具体是为什么呢,具体分析原理如下:
如果将gt写lt前面:

如果lt在gt前面
