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 相关文章推荐
jQuery怎么解析Json字符串(Json格式/Json对象)
Aug 09 Javascript
jquery text(),val(),html()方法区别总结
Nov 04 Javascript
jquery中EasyUI使用技巧小结
Feb 10 Javascript
跟我学习javascript的最新标准ES6
Nov 20 Javascript
Jquery实现select multiple左右添加和删除功能的简单实例
May 26 Javascript
jQuery easyUI datagrid 增加求和统计行的实现代码
Jun 01 Javascript
AngularJS入门教程之ng-checked 指令详解
Aug 01 Javascript
详谈js中window.location.search的用法和作用
Feb 13 Javascript
jQuery实现弹窗居中效果类似alert()
Feb 27 Javascript
详解win7 cmd执行vue不是内部命令的解决方法
Jul 27 Javascript
微信小程序引用iconfont图标的方法
Oct 22 Javascript
JS实现简单的文字无缝上下滚动功能示例
Jun 22 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
一个典型的PHP分页实例代码分享
2011/07/28 PHP
PHP编程中的常见漏洞和代码实例
2014/08/06 PHP
php递归json类实例
2014/12/02 PHP
php操作mongodb封装类与用法实例
2018/09/01 PHP
PHP调用QQ互联接口实现QQ登录网站功能示例
2019/10/24 PHP
pjblog中的UBBCode.js
2007/04/25 Javascript
JavaScript 使用技巧精萃(.net html
2009/04/25 Javascript
jQuery学习笔记之jQuery的动画
2010/12/22 Javascript
直接拿来用的15个jQuery代码片段
2015/09/23 Javascript
JS实现三个层重叠点击互相切换的方法
2015/10/06 Javascript
AngularJs学习第五篇从Controller控制器谈谈$scope作用域
2016/06/08 Javascript
ES6正则表达式的一些新功能总结
2017/05/09 Javascript
vue页面跳转后返回原页面初始位置方法
2018/02/11 Javascript
vue实现学生录入系统之添加删除功能
2018/07/11 Javascript
jQuery实现的点击图片居中放大缩小功能示例
2019/01/16 jQuery
微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】
2019/02/20 Javascript
jQuery实现高级检索功能
2019/05/28 jQuery
python实现redis三种cas事务操作
2017/12/19 Python
Python+OpenCV人脸检测原理及示例详解
2020/10/19 Python
zookeeper python接口实例详解
2018/01/18 Python
对numpy Array [: ,] 的取值方法详解
2018/07/02 Python
python正则-re的用法详解
2019/07/28 Python
python PyQt5/Pyside2 按钮右击菜单实例代码
2019/08/17 Python
Python简单实现词云图代码及步骤解析
2020/06/04 Python
Pycharm2020.1安装中文语言插件的详细教程(不需要汉化)
2020/08/07 Python
html5 利用canvas手写签名并保存的实现方法
2018/07/12 HTML / CSS
俄语地区最大的中国商品在线购物网站之一:Umka Mall
2019/11/03 全球购物
商务英语专业毕业生自荐信
2013/11/05 职场文书
大学优秀班集体申报材料
2014/05/23 职场文书
我为党旗添光彩演讲稿
2014/09/10 职场文书
生产操作工岗位职责
2014/09/16 职场文书
声乐专业大学生职业生涯规划书:理想的未来需要自己去打造
2014/09/20 职场文书
领导班子四风对照检查材料范文
2014/09/27 职场文书
承诺保证书格式
2015/02/28 职场文书
留学文书中的个人陈述,应该注意哪些问题?
2019/08/23 职场文书
Java后端 Dubbo retries 超时重试机制的解决方案
2022/04/14 Java/Android