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 相关文章推荐
js+css实现增加表单可用性之提示文字
Jun 03 Javascript
JS实现字体选色板实例代码
Nov 20 Javascript
推荐10个2014年最佳的jQuery视频插件
Nov 12 Javascript
JavaScript 学习笔记之基础中的基础
Jan 13 Javascript
js选项卡的制作方法
Jan 23 Javascript
xmlplus组件设计系列之按钮(2)
Apr 26 Javascript
vue省市区三联动下拉选择组件的实现
Apr 28 Javascript
vue .sync修饰符的使用详解
Jun 15 Javascript
vue.js+elementUI实现点击左右箭头切换头像功能(类似轮播图效果)
Sep 05 Javascript
js实现百度淘宝搜索功能
Feb 17 Javascript
详解Node.js使用token进行认证的简单示例
May 25 Javascript
js前端面试常见浏览器缓存强缓存及协商缓存实例
Jun 21 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
评分9.0以上的动画电影,剧情除了经典还很燃
2020/03/04 日漫
Smarty foreach控制循环次数的实现详解
2013/07/03 PHP
PHP实现HTML生成PDF文件的方法
2014/11/07 PHP
CI框架常用方法小结
2016/05/17 PHP
PHP中$GLOBALS['HTTP_RAW_POST_DATA']和$_POST的区别分析
2017/07/03 PHP
根据分辩率调用不同的CSS.
2007/01/08 Javascript
用jquery实现下拉菜单效果的代码
2010/07/25 Javascript
JavaScript排序算法之希尔排序的2个实例
2014/04/04 Javascript
json属性名为什么要双引号(个人猜测)
2014/07/31 Javascript
JQuery中extend的用法实例分析
2015/02/08 Javascript
JavaScript中解析JSON数据的三种方法
2015/07/03 Javascript
jQuery监听文件上传实现进度条效果的方法
2016/10/16 Javascript
VUE重点问题总结
2018/03/19 Javascript
JavaScript面试出现频繁的一些易错点整理
2018/03/29 Javascript
配置eslint规范项目代码风格
2019/03/11 Javascript
微信小程序canvas绘制圆角base64图片的实现
2019/08/18 Javascript
JavaScript实现与web通信的方法详解
2020/08/07 Javascript
使用python检测手机QQ在线状态的脚本代码
2013/02/10 Python
Python3中类、模块、错误与异常、文件的简易教程
2017/11/20 Python
浅谈python日志的配置文件路径问题
2018/04/28 Python
Python爬虫信息输入及页面的切换方法
2018/05/11 Python
Python常用字符串替换函数strip、replace及sub用法示例
2018/05/21 Python
python用plt画图时,cmp设置方法
2018/12/13 Python
如何用C代码给Python写扩展库(Cython)
2019/05/17 Python
详解python中的数据类型和控制流
2019/08/08 Python
python实现简单日志记录库glog的使用
2019/12/13 Python
Python 实现3种回归模型(Linear Regression,Lasso,Ridge)的示例
2020/10/15 Python
DKNY品牌官网:纽约大都会时尚风格
2016/10/20 全球购物
采用冷却技术的超自然舒适度:GhostBed床垫
2018/09/18 全球购物
会议邀请函范文
2014/01/09 职场文书
学校门卫管理制度
2014/01/30 职场文书
个人自荐材料
2014/05/23 职场文书
2014年度考核工作总结
2014/12/24 职场文书
食品药品安全责任书
2015/05/11 职场文书
工作收入证明范本
2015/06/12 职场文书
Java 超详细讲解设计模式之中的抽象工厂模式
2022/03/25 Java/Android