• 技术文章 >web前端 >前端问答

    jquery怎么设置第一行不清空

    长期闲置长期闲置2022-05-30 10:26:24原创187

    方法:1、利用“:gt()”选择器配合empty方法设置,语法为“$("行元素:gt(0)").empty()”;2、利用not()、eq()方法配合empty方法设置,语法为“行元素对象.not(':eq(0)').empty()”。

    本教程操作环境:windows10系统、jquery3.2.1版本、Dell G3电脑。

    jquery怎么设置第一行不清空

    1、$("行元素:gt(0)").empty()

    :gt() 选择器选取 index 值大于指定数字的元素。

    index 值从 0 开始。

    最常见的用法:与其他选择器一起使用,选取指定组合中特定序号之后的元素。

    empty() 方法移除被选元素的所有子节点和内容。

    示例如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>123</title>
    <script src="js/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
    $("#ip tr:gt(0)").empty();
    });
    </script>
    </head>
    <body>
    <div class="table-border">
        <table id="ip" border=1>
            <tr class="active">
                <th>排名</th>
                <th>姓名</th>
                <th>分值</th>
            </tr>
            <tr>
                <td>1</td>
                <td>张三</td>
                <td>532</td>
            </tr>
            <tr>
                <td>2</td>
                <td>李四</td>
                <td>516</td>
            </tr>
            <tr>
                <td>3</td>
                <td>王五</td>
                <td>515</td>
            </tr>
        </table>
    </div>
    </body>
    </html>

    若不添加jquery语句,输出结果:

    07.png

    添加之后,输出结果:

    06.png

    2、行元素对象.not(':eq(0)').empty()

    not() 方法返回不符合一定条件的元素。

    该方法让您规定一个条件。不符合条件的元素将从选择中返回,符合条件的元素将被移除。

    empty() 方法移除被选元素的所有子节点和内容。

    eq() 方法返回带有被选元素的指定索引号的元素。

    索引号从 0 开头,所以第一个元素的索引号是 0(不是 1)。

    示例如下:

    <script>
    $(document).ready(function(){
    $("#ip tr").not(':eq(0)').empty();
    });
    </script>

    输出结果与上述示例输出结果相同。

    相关视频教程推荐:jQuery视频教程

    以上就是jquery怎么设置第一行不清空的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:怎么用jquery实现下拉菜单 下一篇:jquery和swiper有什么区别
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• jquery语法结构由哪几部分组成• jquery中怎么给input框绑定失去焦点事件• jquery查找同辈元素的方法有哪些• jquery怎么隐藏第一个a标签• jquery怎么清除同级非选中的元素
    1/1

    PHP中文网