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 相关文章推荐
科讯商业版中用到的ajax空间与分页函数
Sep 02 Javascript
javascript 面向对象编程基础:继承
Aug 21 Javascript
防止登录页面出现在frame中js代码
Jul 22 Javascript
jQuery根据元素值删除数组元素的方法
Jun 24 Javascript
jQuery实现的fixedMenu下拉菜单效果代码
Aug 24 Javascript
jquery动画效果学习笔记(8种效果)
Nov 13 Javascript
vue.js通过自定义指令实现数据拉取更新的实现方法
Oct 18 Javascript
js调用父框架函数与弹窗调用父页面函数的简单方法
Nov 01 Javascript
BootStrap模态框和select2合用时input无法获取焦点的解决方法
Sep 01 Javascript
Bootstrap table使用方法汇总
Nov 17 Javascript
详解 vue better-scroll滚动插件排坑
Feb 08 Javascript
JS实现数组去重,显示重复元素及个数的方法示例
Jan 21 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
PHP4在WinXP下IIS和Apache2服务器上的安装实例
2006/10/09 PHP
计算2000年01月01日起到指定日的天数
2006/10/09 PHP
PHP简介
2006/10/09 PHP
PHP中全面阻止SQL注入式攻击分析小结
2012/01/30 PHP
PHP 获取远程文件大小的3种解决方法
2013/07/11 PHP
PHP中绘制图像的一些函数总结
2014/11/19 PHP
简单实用的PHP文本缓存类实例
2019/03/22 PHP
laravel-admin 管理平台获取当前登陆用户信息的例子
2019/10/08 PHP
PHP+Redis链表解决高并发下商品超卖问题(实现原理及步骤)
2020/08/03 PHP
CSS中一些@规则的用法小结
2021/03/09 HTML / CSS
window.parent调用父框架时 ie跟火狐不兼容问题
2009/07/30 Javascript
getElementByIdx_x js自定义getElementById函数
2012/01/24 Javascript
js变量、作用域及内存详解
2014/09/23 Javascript
使用AngularJS制作一个简单的RSS阅读器的教程
2015/06/18 Javascript
jQuery判断元素是否显示 是否隐藏的简单实现代码
2016/05/19 Javascript
[js高手之路]寄生组合式继承的优势详解
2017/08/28 Javascript
React根据宽度自适应高度的示例代码
2017/10/11 Javascript
详解webpack模块加载器兼打包工具
2018/09/11 Javascript
vue项目设置scrollTop不起作用(总结)
2018/12/21 Javascript
javascript实现雪花飘落效果
2020/08/19 Javascript
[01:28]一分钟告诉你DOTA2 TI9不朽宝藏Ⅱ中有什么!
2019/07/09 DOTA
详解Python odoo中嵌入html简单的分页功能
2019/05/29 Python
python与mysql数据库交互的实现
2020/01/06 Python
python中PyQuery库用法分享
2021/01/15 Python
日本无添加化妆品:HABA
2016/08/18 全球购物
介绍一下javax.servlet.Servlet接口及其主要方法
2015/11/30 面试题
大专应届生个人简历的自我评价
2013/10/15 职场文书
大学系主任推荐信范文
2013/12/24 职场文书
消防安全管理制度
2014/02/01 职场文书
学习实践科学发展观心得体会
2014/09/10 职场文书
2014年网络管理员工作总结
2014/12/01 职场文书
教师党员承诺书2015
2015/01/21 职场文书
法学专业求职信范文
2015/03/19 职场文书
小学教师岗位职责
2015/04/02 职场文书
节水宣传标语口号
2015/12/26 职场文书
《司马光》教学反思
2016/02/22 职场文书