3、jquery选择器中的基本过滤选择器中的gt属性和lt使用先后的问题

.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前面

posted @ 2022-01-11 18:45  青仙  阅读(170)  评论(0编辑  收藏  举报