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 相关文章推荐
漂亮的提示信息(带箭头)
Mar 21 Javascript
颜色选择器 Color Picker,IE,Firefox,Opera,Safar
Nov 25 Javascript
JS和Jquery获取和修改label的值的示例代码
Jan 15 Javascript
js实现飞入星星特效代码
Oct 17 Javascript
JS实现单行文字不间断向上滚动的方法
Jan 29 Javascript
JS实现列表的响应式排版(推荐)
Sep 01 Javascript
JS设计模式之数据访问对象模式的实例讲解
Sep 30 Javascript
vue打包相关细节整理(小结)
Sep 28 Javascript
使用gulp构建前端自动化的方法示例
Dec 25 Javascript
vue实现todolist功能、todolist组件拆分及todolist的删除功能
Apr 11 Javascript
vue实现评价星星功能
Jun 30 Javascript
vue路由实现登录拦截
Mar 24 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
zf框架db类的分页示例分享
2014/03/14 PHP
利用PHP函数计算中英文字符串长度的方法
2014/11/11 PHP
laravel 实现关闭CSRF(全部关闭、部分关闭)
2019/10/21 PHP
Javascript事件实例详解
2013/11/06 Javascript
IE10中flexigrid无法显示数据的解决方法
2015/07/26 Javascript
jquery实现点击弹出可放大居中及关闭的对话框(附demo源码下载)
2016/05/10 Javascript
Bootstrap实现登录校验表单(带验证码)
2016/06/23 Javascript
基于bootstrap实现广告轮播带图片和文字效果
2016/07/22 Javascript
AngularJS基础 ng-click 指令示例代码
2016/08/01 Javascript
详解JavaScript的内置对象
2016/12/07 Javascript
详解Angular.js指令中scope类型的几种特殊情况
2017/02/21 Javascript
Webpack 服务器端代码打包的示例代码
2017/09/19 Javascript
windows系统下更新nodejs版本的方案
2017/11/24 NodeJs
小程序ios音频播放没声音问题的解决
2018/07/11 Javascript
详解基于node.js的脚手架工具开发经历
2019/01/28 Javascript
layer提示框添加多个按钮选择的实例
2019/09/12 Javascript
如何使用proxy实现一个简单完整的MVVM库的示例代码
2019/09/17 Javascript
解决Vue.js应用回退或刷新界面时提示用户保存修改问题
2019/11/24 Javascript
微信小程序实现单个卡片左滑显示按钮并防止上下滑动干扰功能
2019/12/06 Javascript
Jupyter中直接显示Matplotlib的图形方法
2018/05/24 Python
Python绘制堆叠柱状图的实例
2019/07/09 Python
python字典嵌套字典的情况下找到某个key的value详解
2019/07/10 Python
tensorflow estimator 使用hook实现finetune方式
2020/01/21 Python
Python用摘要算法生成token及检验token的示例代码
2020/12/01 Python
移动web模拟客户端实现多方框输入密码效果【附代码】
2016/03/25 HTML / CSS
美国复古街头服饰精品店:Need Supply Co.
2017/02/22 全球购物
定制别致的瑜伽垫:Sugarmat
2019/06/21 全球购物
结构和类有什么异同
2012/07/16 面试题
法学毕业生自荐信
2013/11/13 职场文书
专营店会计助理岗位职责
2013/11/29 职场文书
公司股东合作协议书
2014/09/14 职场文书
学习三严三实对照检查材料思想汇报
2014/09/22 职场文书
团队会宣传标语
2014/10/09 职场文书
企业党的群众路线教育实践活动学习心得体会
2014/10/31 职场文书
2019最新企业员工考勤管理制度(通用版)!
2019/07/02 职场文书
MySQL分区表实现按月份归类
2021/11/01 MySQL