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 相关文章推荐
Extjs学习过程中新手容易碰到的低级错误积累
Feb 11 Javascript
jquery 单引号和双引号的区别及使用注意
Jul 31 Javascript
jQuery删除一个元素后淡出效果展示删除过程的方法
Mar 18 Javascript
开启Javascript中apply、call、bind的用法之旅模式
Oct 28 Javascript
JavaScript常用字符串与数组扩展函数小结
Apr 24 Javascript
Javascript实现图片不间断滚动的代码
Jun 22 Javascript
node.js学习之base64编码解码
Oct 21 Javascript
基于canvas的二维码邀请函生成插件
Feb 14 Javascript
web.js.字符串与正则表达式操作
May 13 Javascript
vue router路由嵌套不显示问题的解决方法
Jun 17 Javascript
Vue-router结合transition实现app前进后退动画切换效果的实例
Oct 11 Javascript
javascript字体颜色控件的开发 JS实现字体控制
Nov 27 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判断ip黑名单程序代码实例
2014/02/24 PHP
Dom在ajax技术中的作用说明
2010/10/25 Javascript
在chrome浏览器中,防止input[text]和textarea在聚焦时出现黄色边框的解决方法
2011/05/24 Javascript
20个非常棒的 jQuery 幻灯片插件和教程分享
2011/08/23 Javascript
jQuery中setTimeout的几种使用方法小结
2013/04/07 Javascript
js传中文参数controller里获取参数乱码问题解决方法
2014/01/03 Javascript
javascript倒计时效果实现
2015/11/12 Javascript
jQuery获取访问者IP地址的方法(基于新浪API与QQ查询接口)
2016/05/25 Javascript
JavaScript关于提高网站性能的几点建议(一)
2016/07/24 Javascript
js实现点击每个li节点,都弹出其文本值及修改
2016/12/15 Javascript
Angular2数据绑定详解
2017/04/18 Javascript
详解vue项目的构建,打包,发布全过程
2017/11/23 Javascript
JS/jQuery实现简单的开关灯效果【案例】
2019/02/19 jQuery
聊聊Vue 中 title 的动态修改问题
2019/06/11 Javascript
[03:18]DOTA2亚洲邀请赛小组赛第一日 RECAP赛事回顾
2015/01/30 DOTA
[00:59]PWL开团时刻DAY7——我在赶
2020/11/06 DOTA
Python读取和处理文件后缀为.sqlite的数据文件(实例讲解)
2017/06/27 Python
深入理解Python爬虫代理池服务
2018/02/28 Python
详解python中asyncio模块
2018/03/03 Python
html5 canvas实现圆形时钟代码分享
2013/12/25 HTML / CSS
加拿大领先的牛仔零售商:Bluenotes
2018/01/22 全球购物
美国香薰蜡烛品牌:PADDYWAX
2018/10/06 全球购物
财务与信息服务专业推荐信
2013/11/28 职场文书
教师个人自我鉴定
2014/02/08 职场文书
应届中专生自荐书范文
2014/02/13 职场文书
2014迎新年晚会策划方案
2014/02/23 职场文书
大学应届生的自我评价
2014/03/06 职场文书
法律六进活动方案
2014/03/13 职场文书
鉴定评语大全
2014/05/05 职场文书
物理分数没达标检讨书
2014/09/13 职场文书
2014乡镇领导班子四风对照检查材料思想汇报
2014/10/05 职场文书
第二批党的群众路线教育实践活动个人整改方案
2014/10/31 职场文书
员工工作表现自我评价
2015/03/06 职场文书
2016三严三实专题教育活动心得体会
2016/01/06 职场文书
zabbix自定义监控nginx状态实现过程
2021/11/01 Servers
解决vue-router的beforeRouteUpdate不能触发
2022/04/14 Vue.js