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 相关文章推荐
告诉大家什么是JSON
Jun 10 Javascript
javascript 处理HTML元素必须避免使用的一种方法
Jul 30 Javascript
JavaScript 浮点数运算 精度问题
Oct 06 Javascript
实例讲解JavaScript中instanceof运算符的用法
Jun 08 Javascript
AngularJs中 ng-repeat指令中实现含有自定义指令的动态html的方法
Jan 19 Javascript
使用Vue的slot插槽分发父组件内容实现高度复用、更加灵活的组件(推荐)
May 01 Javascript
微信小程序学习笔记之跳转页面、传递参数获得数据操作图文详解
Mar 28 Javascript
微信小程序调用微信支付接口的实现方法
Apr 29 Javascript
vue项目配置使用flow类型检查的步骤
Mar 18 Javascript
vue任意关系组件通信与跨组件监听状态vue-communication
Oct 18 Javascript
微信小程序弹窗禁止页面滚动的实现代码
Dec 30 Javascript
JavaScript如何优化逻辑判断代码详解
Jun 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
source.php查看源文件
2006/12/09 PHP
逐步提升php框架的性能
2008/01/10 PHP
smarty内置函数foreach用法实例
2015/01/22 PHP
PHP删除数组中特定元素的两种方法
2019/02/28 PHP
JQuery循环滚动图片代码
2011/12/08 Javascript
jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
2012/03/21 Javascript
javascript不可用的问题探究
2013/10/01 Javascript
javascript实现window.print()去除页眉页脚
2014/12/30 Javascript
js实现文字跟随鼠标移动而移动的方法
2015/02/28 Javascript
初步了解javascript面向对象
2015/11/09 Javascript
JavaScript实现点击文本自动定位到下拉框选中操作
2016/06/15 Javascript
bootstrap css样式之表单
2017/01/19 Javascript
js中的事件委托或是事件代理使用详解
2017/06/23 Javascript
javascript基于牛顿迭代法实现求浮点数的平方根【递归原理】
2017/09/28 Javascript
详解React Native 屏幕适配(炒鸡简单的方法)
2018/06/11 Javascript
JavaScript中的this/call/apply/bind的使用及区别
2020/03/06 Javascript
Js和VUE实现跑马灯效果
2020/05/25 Javascript
js实现随机点名功能
2020/12/23 Javascript
python使用paramiko模块实现ssh远程登陆上传文件并执行
2014/01/27 Python
python开发之函数定义实例分析
2015/11/12 Python
Python 探针的实现原理
2016/04/23 Python
Python实现的多线程http压力测试代码
2017/02/08 Python
pandas dataframe添加表格框线输出的方法
2019/02/08 Python
Python函数中不定长参数的写法
2019/02/13 Python
python微信撤回监测代码
2019/04/29 Python
keras绘制acc和loss曲线图实例
2020/06/15 Python
python调用有道智云API实现文件批量翻译
2020/10/10 Python
HTML5不支持frameset的两种解决方法
2016/11/14 HTML / CSS
德国高品质男装及配饰商城:Cultizm(Raw Denim原色牛仔裤)
2018/04/16 全球购物
业务部主管岗位职责
2014/01/29 职场文书
医院保洁员岗位职责
2015/02/13 职场文书
先进教师个人主要事迹材料
2015/11/03 职场文书
标准演讲稿格式结尾应该怎么书写?
2019/07/17 职场文书
2019年年中职场激励人心语录30条
2019/08/07 职场文书
Redis IP地址的绑定的实现
2021/05/08 Redis
MySQL Threads_running飙升与慢查询的相关问题解决
2021/05/08 MySQL