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的IE和Firefox兼容性汇编(zz)
Feb 02 Javascript
JavaScript null和undefined区别分析
Oct 14 Javascript
9款2014最热门jQuery实用特效推荐
Dec 07 Javascript
利用HTML5的画布Canvas实现刮刮卡效果
Sep 06 Javascript
JS+CSS实现带有碰撞缓冲效果的竖向导航条代码
Sep 15 Javascript
基于jQuery实现二级下拉菜单效果
Feb 01 Javascript
AngularJS基础 ng-list 指令详解及示例代码
Aug 02 Javascript
浅谈Vue.js
Mar 02 Javascript
jQuery插件FusionCharts实现的3D帕累托图效果示例【附demo源码】
Mar 25 jQuery
详解微信小程序设置底部导航栏目方法
Jun 29 Javascript
vue项目总结之文件夹结构配置详解
Dec 13 Javascript
vue-cli和v-charts实现可视化图表过程解析
Oct 08 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里的JS打印函数
2006/10/09 PHP
PHP中设置时区方法小结
2012/06/03 PHP
跟我学Laravel之视图 &amp; Response
2014/10/15 PHP
PDO防注入原理分析以及注意事项
2015/02/25 PHP
PHP 中 DOMDocument保存xml时中文出现乱码问题的解决方案
2016/09/19 PHP
xheditor与validate插件冲突的解决方案
2010/04/15 Javascript
javscript对象原型的一些看法
2010/09/19 Javascript
javascript动画对象支持加速、减速、缓入、缓出的实现代码
2012/09/30 Javascript
JavaScript常用全局属性与方法记录积累
2013/07/03 Javascript
JQuery文本改变触发事件如聚焦事件、失焦事件
2014/01/15 Javascript
jquery中EasyUI实现异步树
2015/03/01 Javascript
简介JavaScript中strike()方法的使用
2015/06/08 Javascript
javascript实现的淘宝旅行通用日历组件用法实例
2015/08/03 Javascript
jquery.validate使用详解
2016/06/02 Javascript
vue深度监听(监听对象和数组的改变)与立即执行监听实例
2020/09/04 Javascript
[01:02:54]完美世界DOTA2联赛PWL S2 FTD vs GXR 第一场 11.22
2020/11/26 DOTA
从零学python系列之数据处理编程实例(一)
2014/05/22 Python
python操作gmail实例
2015/01/14 Python
30分钟搭建Python的Flask框架并在上面编写第一个应用
2015/03/30 Python
MySQL中表的复制以及大型数据表的备份教程
2015/11/25 Python
Python去除、替换字符串空格的处理方法
2018/04/01 Python
Python爬虫常用小技巧之设置代理IP
2018/09/13 Python
python 常见字符串与函数的用法详解
2018/11/23 Python
Python3转换html到pdf的不同解决方案
2019/03/11 Python
python实现淘宝购物系统
2019/10/25 Python
tensorflow实现测试时读取任意指定的check point的网络参数
2020/01/21 Python
python中导入 train_test_split提示错误的解决
2020/06/19 Python
如何使用Python处理HDF格式数据及可视化问题
2020/06/24 Python
python字典按照value排序方法
2020/12/28 Python
办公室文员工作自我评价
2013/12/01 职场文书
写演讲稿所需要注意的4个条件
2014/01/09 职场文书
不假外出检讨书
2014/01/27 职场文书
夫妻婚内购房协议书
2014/10/05 职场文书
2016年党校科级干部培训班学习心得体会
2016/01/06 职场文书
计算机实训心得体会
2016/01/14 职场文书
浅谈Python中的函数(def)及参数传递操作
2021/05/25 Python