JQuery 遍历子元素+ each函数的跳出+提取字符串中的数字

weixin_30399797

于 2015-07-02 10:51:00 发布

阅读量74

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/DayDreamEveryWhere/p/4615407.html

本文详细介绍了如何利用jQuery的遍历和子代选择器，结合Ajax请求，实现根据返回信息动态更新网页中多个Button的样式。包括正则表达式提取字符串中的数字，以及如何通过比较信息匹配来调整样式。

最近脑袋迷糊的如同一团浆糊，一直出错。

HTML代码如下图，现在想实现的功能是根据Ajax请求，获取到具体的button，以更新其样式。由于Button较多，每个Button都设置id，没有意义，想通过JQuery的遍历+子代实现

核心代码：

 $("#contentDiv").children().each(function () {
            console.log($(this).children().last().text().match(/\d+/) + '');
            console.log($(this).children().last().text());
            console.log(info.Msg);
            console.log(info.Msg.match(/\d+/) + '');
            if ($(this).children().last().text().match(/\d+/) + '' == info.Msg.match(/\d+/) + '') {
                //设置样式
                
                return false;
            }
        });