jquery选择表格的一部分,jquery中的$(":gt(index)")用法

简介: 如果想要在集合选择器中在选出某一部分集合改如何做呢?在jQuery中有一个选择器:$(“:gt(index)”) 。index从0开始表示选择大于index之后的元素例如:$(“tr:gt(2)”),表示从第4个tr元素开始选择下面我举一个例子: <!DOCTYPE html><html> <h

如果想要在集合选择器中在选出某一部分集合改如何做呢?

在jQuery中有一个选择器:$(“:gt(index)”) 。


  1. index从0开始
  2. 表示选择大于index之后的元素

例如:$(“tr:gt(2)”),


表示从第4个tr元素开始选择


下面我举一个例子:

  <!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
                <style type="text/css">
            p{
                float: left;
                width: 30px;
                border: 1px solid;
            }
        </style>
        <script src="jquery-1.12.3.min.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
        <p class="demo">123</p>
        <p class="demo">123</p>
        <p class="demo">123</p>
        <p class="demo">123</p>
        <p class="demo">123</p>
        <p class="demo">123</p>
        <p class="demo">123</p>
        <p class="demo">123</p>
        <p class="demo">123</p>
        <p class="demo">123</p>
    </body>
        <script type="text/javascript">
            $(".demo:gt(2)").css("color","red");
        </script>
</html>

结果就是从第四个p标签开始,内容是红色的。index是从0开始的


看看效果
代码运行结果

目录
相关文章
|
6月前
|
JavaScript
jQuery :nth-of-type(n)选择器的用法详解
jQuery中,:nth-of-type(n)选择器可以对selector选择器匹配选择到的所有HTML元素进行二次匹配选择,为了更好地阐述:nth-of-type(n)的语法,这里假设selector是一个元素p选择器,如此,:nth-of-type(n)可以用于匹配p元素选择器选择到的p元素指向的父元素中第n个类型为p的子元素,而且与p是否是该父元素的第n个子元素无关,比如
57 5
|
JavaScript 前端开发 API
【前端用法】jQuery在线引用地址(全)
【前端用法】jQuery在线引用地址(全)
1605 0
|
JavaScript
jQuery 表格全选反选
jQuery 表格全选反选
50 0
|
5月前
|
JavaScript 前端开发
必知的技术知识:jQuery中queue和dequeue的用法
必知的技术知识:jQuery中queue和dequeue的用法
23 0
|
缓存 前端开发 JavaScript
【前端用法】jquery获取当前页面的URL信息
【前端用法】jquery获取当前页面的URL信息
88 0
|
6月前
|
JavaScript 程序员
让我们一起抄代码,JQuery 用法整理
让我们一起抄代码,JQuery 用法整理
55 0
|
11月前
|
XML JavaScript 小程序
使用jquery treetable 实现树形表格拖拽
这里记录一下使用jquery treetable时遇到的坑。 我这里的需求是做一个树形表格,并且可拖拽。 最后要实现的效果大概是这样的:(文末有实例)
52 0
|
JavaScript BI
jQuery根据填写的input的数值导出excel表格
jQuery根据填写的input的数值导出excel表格
60 0
|
JavaScript Java
jQuery+Datatables实现表格批量删除功能
jQuery+Datatables实现表格批量删除功能
168 0
|
JavaScript
jQuery 动态添加表格数据
jQuery 动态添加表格数据
49 0