zoukankan      html  css  js  c++  java
  • js正则表达式,判断字符串是否以数字组结尾,并取出结尾的数字

    js正则表达式,判断字符串是否以数字组结尾,并取出结尾的数字
    <!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8" />
            <title>js正则表达式,判断字符串是否以数字组结尾,并取出结尾的数字</title>
        </head>
        <script src="js/jquery.js"></script>
        <body>
            <div id="main">
                <ul>
                    <li>席位1</li>
                    <li>席位2</li>
                    <li>席位13</li>
                    <li>席99位88</li>
                    <li>席位</li>
                    <li>108</li>
                    <li>007</li>
                </ul>
                
            </div>
        </body>
        
        <script type="text/javascript">
            
            $(function() {
                //获取dom对象集合
                var doms = $("#main").find("ul li");
                
                for(var i=0; i<doms.length; i++){
                    
                    //注意:这里在遍历内部直接用中括号获取到的是js对象,需要转换为jQuery对象
                    var dom = $(doms[i]);
    //                console.log(dom.prop("outerHTML")); //测试是否获取到对应的dom对象
                    var name = dom.text();
                    //目的:判断name是否以数字串结尾,若是,取出其数字串
                    //定义正则【g表示全局匹配,$标识以其结尾,小括号表示小分组也就是exec方法要捕获的部分】
                    var reg = /(d+)$/g
                    //匹配正则获取小分组捕获结果
                    var result = reg.exec(name);
    //                result 是一个对象或者说是一个数组  ["88", "88", index: 4, input: "席99位88"]
                    if(result){//如果没有匹配到,则result为null
                        var matchNum = result[1];//结果数组中角标为1的值就是我们捕获的正则小分组中的串
                        console.log(matchNum);
                    }
                    
                }
                
            });
    
    //其中涉及到的知识请参考博客  js中的正则表达式入门
            
        </script>
    
    </html>

    结果:

  • 相关阅读:
    WEB安全 php+mysql5注入防御(一)
    Spring 整合 Quartz 实现动态定时任务(附demo)
    dubbo工作原理(3)
    dubbo服务降级(2)
    dubbo服务降级(1)
    程序员决对不能缺少产品思维
    GNUPG
    idea远程debug:tomcat
    基于JavaMail的Java邮件发送:复杂邮件发送
    使用javaMail发送简单邮件
  • 原文地址:https://www.cnblogs.com/libin6505/p/9767903.html
Copyright © 2011-2022 走看看