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

    jquery怎么判断ul有几个li

    长期闲置长期闲置2022-06-09 10:41:56原创165

    jquery判断ul里有几个li的方法:1、获取指定ul下的li元素对象,语法为“$("ul li")”;2、利用length属性获取li元素对象的数量,该属性的作用就是获取包含jQuery对象中元素的数目,语法为“li元素对象.length”。

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

    jquery怎么判断ul有几个li

    1、获取li元素对象

    语法为:

    $("ul li")

    2、根据元素对象获取数量

    length 属性包含 jQuery 对象中元素的数目。

    语法

    $(selector).length

    示例如下:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>123</title>
    <script src="js/jquery.min.js">
    </script>
    <script>
    $(document).ready(function(){
    $("button").click(function(){
    alert($("ul li").length);
    });
    });
    </script>
    </head>
    <body>
    <button>输出li的数量</button>
    <ul>
    <li>Coffee</li>
    <li>Milk</li>
    <li>Soda</li>
    </ul>
    </body>
    </html>

    输出结果:

    06.png

    点击按钮后:

    07.png

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

    以上就是jquery怎么判断ul有几个li的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jquery
    上一篇:jquery能调用获取html页面内容吗 下一篇:使用jQuery怎么实现隔行变色效果
    20期PHP线上班

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• jquerysession怎么用• jquery form使用的方法是什么• jquery中cdn是什么意思• 有js为什么还用jquery• jquery能得到元素中id的内容吗
    1/1

    PHP中文网