js脚本实现数据去重


Posted in Javascript onNovember 27, 2014

项目要求如图所示:

js脚本实现数据去重

代码:

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <script src="jquery.js"></script>

    <script type="text/javascript">

    $(function(){

        var divArea = $(".drop");

                $.each(divArea , function () {

                    var Dtxid = $(this).text();

                    var count = 0;

                    $.each(divArea , function () {

                            var Xtxid = $(this).text();

                            if (Dtxid == Xtxid) {

                            count = count + 1;

                            if (count >= 2) {

                                   $(this).remove();

                            }

                    }

                })

            })

    });

    </script>

</head>

<body>

    <div>原先数据</div>

    <div>

        <span>张三</span>

        <span>李四</span>

        <span>王五</span>

        <span>张三</span>

        <span>王五</span>

    </div>

    <br/>

    <div>数据去重</div>

    <div>

        <span class="drop">张三</span>

        <span class="drop">李四</span>

        <span class="drop">王五</span>

        <span class="drop">张三</span>

        <span class="drop">王五</span>

    </div>

</body>

</html>

是不是很简单呢,有相同需求的小伙伴们自己参考下吧,这里给出的仅仅是个简单示例,要用到项目中还需要小伙伴们自己加点料。

Javascript 相关文章推荐
JavaScript对内存分配及管理机制详细解析
Nov 11 Javascript
浅析JavaScript中的同名标识符优先级
Dec 06 Javascript
Javascript中call与apply的学习笔记
Sep 22 Javascript
浅谈jQuery中 wrap() wrapAll() 与 wrapInner()的差异
Nov 12 Javascript
jQuery选择器源码解读(六):Sizzle选择器匹配逻辑分析
Mar 31 Javascript
JavaScript 模块的循环加载实现方法
Dec 13 Javascript
AngularJS 依赖注入详解及示例代码
Aug 17 Javascript
JSON与XML的区别对比及案例应用
Nov 11 Javascript
jQuery设置图片等比例缩小的方法
Apr 29 jQuery
微信小程序云开发之使用云数据库
May 17 Javascript
vue父子组件通信的高级用法示例
Aug 29 Javascript
AJAX引擎原理以及XmlHttpRequest对象的axios、fetch区别详解
Apr 09 Javascript
实例分析js和C#中使用正则表达式匹配a标签
Nov 26 #Javascript
javascript几个易错点记录
Nov 26 #Javascript
jquery选择器需要注意的问题
Nov 26 #Javascript
jquery操作对象数组元素方法详解
Nov 26 #Javascript
node.js中的定时器nextTick()和setImmediate()区别分析
Nov 26 #Javascript
JavaScript定义类和对象的方法
Nov 26 #Javascript
node.js操作mongoDB数据库示例分享
Nov 26 #Javascript
You might like
一个很方便的 XML 类!!原创的噢
2006/10/09 PHP
Win下如何安装PHP的APC拓展
2013/08/07 PHP
推荐几个开源的微信开发项目
2014/12/28 PHP
php短址转换实现方法
2015/02/25 PHP
php自定义类fsocket模拟post或get请求的方法
2015/07/31 PHP
php中str_pad()函数用法分析
2017/03/28 PHP
浅谈JavaScript函数的四种存在形态
2016/06/08 Javascript
JS实现的驼峰式和连字符式转换功能分析
2016/12/21 Javascript
原生JS实现在线问卷调查投票特效
2017/01/03 Javascript
基于jQuery制作小图标上下滑动特效
2017/01/18 Javascript
Angularjs 依赖压缩及自定义过滤器写法
2017/02/04 Javascript
JS验证不重复验证码
2017/02/10 Javascript
js正则表达式验证密码强度【推荐】
2017/03/03 Javascript
js获取元素下的第一级子元素的方法(推荐)
2017/03/05 Javascript
js 奇葩技巧之隐藏代码
2017/08/11 Javascript
利用vue开发一个所谓的数独方法实例
2017/12/21 Javascript
关于HTML5的data-*自定义属性的总结
2018/05/05 Javascript
JS+H5 Canvas实现时钟效果
2018/07/20 Javascript
微信小程序如何实现在线客服功能
2019/10/16 Javascript
JavaScript 替换所有匹配内容及正则替换方法
2020/02/12 Javascript
实时获取Python的print输出流方法
2019/01/07 Python
django foreignkey外键使用的例子 相当于left join
2019/08/06 Python
什么是python的函数体
2020/06/19 Python
在Tensorflow中实现leakyRelu操作详解(高效)
2020/06/30 Python
PUMA官方商城:世界领先的运动品牌之一
2016/11/16 全球购物
英国足球店:UK Soccer Shop
2017/11/19 全球购物
生物有机护肤品:Aurelia Probiotic Skincare
2018/01/31 全球购物
英超联赛的首选足球:Mitre足球
2019/05/06 全球购物
新闻编辑专业毕业自荐书范文
2014/02/05 职场文书
写给老婆的检讨书
2014/02/21 职场文书
教师自查自纠工作情况报告
2014/10/29 职场文书
2014年统战工作总结
2014/12/09 职场文书
读《庄子》有感:美而不自知
2019/11/06 职场文书
高一作文之乐趣
2019/11/21 职场文书
MySQL数据库中varchar类型的数字比较大小的方法
2021/11/17 MySQL
Nginx源码编译安装过程记录
2021/11/17 Servers