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 改变CSS样式基础代码
Feb 11 Javascript
javascript转换字符串为dom对象(字符串动态创建dom)
May 10 Javascript
js去除重复字符串两种实现方法
Jan 09 Javascript
jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能
Apr 08 Javascript
javascript在子页面中函数无法调试问题解决方法
Jan 17 Javascript
利用vueJs实现图片轮播实例代码
Jun 03 Javascript
基于构造函数的五种继承方法小结
Jul 27 Javascript
JavaScript设计模式之构造函数模式实例教程
Jul 02 Javascript
微信小程序实现倒计时补零功能
Jul 09 Javascript
vue多级复杂列表展开/折叠及全选/分组全选实现
Nov 05 Javascript
解决vue打包报错Unexpected token: punc的问题
Oct 24 Javascript
一篇文章告诉你如何实现Vue前端分页和后端分页
Feb 18 Vue.js
实例分析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 zend解密软件绿色版测试可用
2008/04/14 PHP
坏狼的PHP学习教程之第1天
2008/06/15 PHP
PHP 日志缩略名的创建函数代码
2010/05/26 PHP
php中10个不同等级压缩优化图片操作示例
2016/11/14 PHP
php实现微信小程序授权登录功能(实现流程)
2019/11/13 PHP
QQ登录简单实现代码
2021/03/09 Javascript
基于jQuery的试卷自动排版系统实现代码
2011/01/06 Javascript
基于jquery的blockui插件显示弹出层
2011/04/14 Javascript
jQuery中:enabled选择器用法实例
2015/01/04 Javascript
javascript实现跨域的方法汇总
2015/06/25 Javascript
JavaScript下的时间格式处理函数Date.prototype.format
2016/01/27 Javascript
快速解决js开发下拉框中blur与click冲突
2016/10/10 Javascript
webpack 2的react开发配置实例代码
2017/07/28 Javascript
使用 Javascript 实现浏览器推送提醒功能的示例
2017/11/03 Javascript
JavaScript实现三级级联特效
2017/11/05 Javascript
p5.js绘制旋转的正方形
2019/10/23 Javascript
[04:52]2015国际邀请赛LGD战队晋级之路
2015/08/14 DOTA
[55:44]完美世界DOTA2联赛决赛 FTD vs Phoenix 第二场 11.08
2020/11/11 DOTA
python字符串str和字节数组相互转化方法
2017/03/18 Python
使用Turtle画正螺旋线的方法
2017/09/22 Python
python编程通过蒙特卡洛法计算定积分详解
2017/12/13 Python
python自动查询12306余票并发送邮箱提醒脚本
2018/05/21 Python
Python logging模块用法示例
2018/08/28 Python
python安装pywin32clipboard的操作方法
2019/01/24 Python
Python实例方法、类方法、静态方法的区别与作用详解
2019/03/25 Python
python:HDF和CSV存储优劣对比分析
2020/06/08 Python
html5在移动端的屏幕适应问题示例探讨
2014/06/15 HTML / CSS
工商学院毕业生个人自我评价
2013/09/19 职场文书
师范毕业生求职自荐信
2013/09/25 职场文书
学校司机岗位职责
2013/11/14 职场文书
安全责任书怎么写
2014/07/28 职场文书
教师三严三实学习心得体会
2014/10/11 职场文书
Python中的xlrd模块使用整理
2021/06/15 Python
图解排序算法之希尔排序Java实现
2021/06/26 Java/Android
Java 超详细讲解设计模式之中的抽象工厂模式
2022/03/25 Java/Android
阿里云服务器(windows)手动部署FTP站点详细教程
2022/08/05 Servers