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

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

在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开始的



看看效果

时间: 2025-01-26 16:38:39

jquery选择表格的一部分,jquery中的$(&quot;:gt(index)&quot;)用法的相关文章

jQuery 选择表格(table)里的行和列[转]

from : http://www.84ren.com/read.php?tid-29040.html jQuery对表格(table)的处理提供了相当强大的功能,比如说对表格特定行(row)或列(column)进行排序.样式改变等等.如果你的英文够好,你可以读读这篇文章:jQuery table manipulation.本文只是介绍如何用jQuery语句对表格中行和列进行选择以及一些简单样式改变,希望它可以对jQuery表格处理的深层学习提供一些帮助. 比如我们有这样一个表格: 第一列 第二

jQuery 选择表格(table)里的行和列及改变简单样式_jquery

jQuery对表格(table)的处理提供了相当强大的功能,比如说对表格特定行(row)或列(column)进行排序.样式改变等等.如果你的英文够好,你可以读读这篇文章:jQuery table manipulation.本文只是介绍如何用jQuery语句对表格中行和列进行选择以及一些简单样式改变,希望它可以对jQuery表格处理的深层学习提供一些帮助. 比如我们有这样一个表格: 第一列 第二列 第三列 第四列 第一列 第二列 第三列 第四列 第一列 第二列 第三列 第四列 第一列 第二列 第三

我的jQuery动态表格插件二

     本篇博客是我写在离职后,昨天刚辞职和交接完任务,准备离开.其实我有很多不舍,但是最终还是选择了离开,许多苦楚都埋在我的心底.哎,趁回成都找工作的机会是该好好休息一下了.        在上篇我的jQuery动态表格插件中介绍了插件的基本使用方法.在实际运用的时候出现了一些其他的需求,所以插件再次升级,增加了一些辅助功能. 1:EnterToTab:$("selector"). EnterToTab(),是的selector中的空间可以回车变为tab键使用,方便用户的输入. 代

基于jQuery实现表格的查看修改删除_jquery

效果图: HTML: <table id="table"> <tr> <th>姓名</th> <th>年龄</th> <th>职位</th> <th>薪资</th> <th>操作</th> </tr> <tr> <td>张三</td> <td>23</td> <td&

基于jQuery实现表格的排序_jquery

$(function(){ //存入点击列的每一个TD的内容: var aTdCont = []; //点击列的索引值 var thi = 0 //重新对TR进行排序 var setTrIndex = function(tdIndex){ for(i=0;i<aTdCont.length;i++){ var trCont = aTdCont[i]; $("tbody tr").each(function() { var thisText = $(this).children(&q

jQuery实现表格行上移下移和置顶的方法_jquery

本文实例讲述了jQuery实现表格行上移下移和置顶的方法.分享给大家供大家参考.具体实现方法如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <ti

jQuery操作表格背景色迭代和鼠标移动事件(CSS中使用expression)

表格的操作: 1:通过树形迭代,获取要操作的表格节点,jQuery实现动态的table背景色迭代,和鼠标移动时间,js实现(使用于一层表格,js方法参数为表格id,颜色自定义): 表格css代码: #userinfoshow tr th{background: #B15BFF; text-align:center;vertical-align:middle;}//表头背景色和上下左右居中 #userinfoshow tr td{text-align:center;vertical-align:m

javascript-如何用JQuery修改表格中的值?

问题描述 如何用JQuery修改表格中的值? 我现在抓到了td1,我想把里面的内容修改成 "Guanyu": 下面是我写的代码,但是不好使 <html> <head> <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> </head> <body> <table id=&quo

jquery合并表格中相同文本的相邻单元格_jquery

一.效果 二.代码 <!DOCTYPE HTML> <html> <head> <title>Example</title> <meta charset="utf-8"/> <style></style> <script src="js/jquery-2.1.4.min.js"></script> </head> <body>