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 相关文章推荐
Javascript调用XML制作连动下拉列表框
Jun 25 Javascript
如何使用jquery动态加载js,css文件实现代码
Apr 03 Javascript
ff chrome和ie下全局动态定位的异同及全局高度的取法
Jun 30 Javascript
js跨浏览器的事件侦听器和事件对象的使用方法
Dec 17 Javascript
jQuery中trigger()与bind()用法分析
Dec 18 Javascript
基于JS模仿windows文件按名称排序效果
Jun 29 Javascript
AngularJS使用ng-options指令实现下拉框
Aug 23 Javascript
谈谈对JavaScript原生拖放的深入理解
Sep 20 Javascript
JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】
Dec 12 Javascript
JS实现给对象动态添加属性的方法
Jan 05 Javascript
vue router下的html5 history在iis服务器上的设置方法
Oct 18 Javascript
JavaScript选择排序算法原理与实现方法示例
Aug 06 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 服务器调试 Zend Debugger 的安装教程
2009/09/25 PHP
PHP数字字符串左侧补0、字符串填充和自动补齐的几种方法
2014/05/10 PHP
PHP中if和or运行效率对比
2014/12/12 PHP
php上传大文件设置方法
2016/04/14 PHP
PHP微信开发之查询城市天气
2016/06/23 PHP
Yii隐藏URL中index.php的方法
2016/07/12 PHP
浅谈PHP发送HTTP请求的几种方式
2017/07/25 PHP
PHP生成随机数的方法总结
2018/03/01 PHP
基于Jquery+Ajax+Json的高效分页实现代码
2011/10/29 Javascript
jQuery 开发者应该注意的9个错误
2012/05/03 Javascript
JQuery中dataGrid设置行的高度示例代码
2014/01/03 Javascript
Node.js中创建和管理外部进程详解
2014/08/16 Javascript
javascript异步编程代码书写规范Promise学习笔记
2015/02/11 Javascript
JS作用域闭包、预解释和this关键字综合实例解析
2016/12/16 Javascript
通过jsonp获取json数据实现AJAX跨域请求
2017/01/22 Javascript
使用Angular CLI快速创建Angular项目的一些基本概念和写法小结
2018/04/22 Javascript
vue中子组件的methods中获取到props中的值方法
2018/08/27 Javascript
Vue.js实现可排序的表格组件功能示例
2019/02/19 Javascript
详解微信小程序的不同函数调用的几种方法
2019/05/08 Javascript
vue跳转同一个组件,参数不同,页面接收值只接收一次的解决方法
2019/11/05 Javascript
Vue替代marquee标签超出宽度文字横向滚动效果
2019/12/09 Javascript
jQuery实现鼠标移入显示蒙版效果
2020/01/11 jQuery
vue项目打包之开发环境和部署环境的实现
2020/04/23 Javascript
angular中的post请求处理示例详解
2020/06/30 Javascript
Python常用库推荐
2016/12/04 Python
python 利用turtle模块画出没有角的方格
2019/11/23 Python
tensorflow之获取tensor的shape作为max_pool的ksize实例
2020/01/04 Python
Pandas直接读取sql脚本的方法
2021/01/21 Python
大学生职业规划前言模板
2013/12/27 职场文书
挖掘机司机岗位职责
2014/02/12 职场文书
收银出纳员岗位职责
2014/02/23 职场文书
《雷鸣电闪波尔卡》教学反思
2014/02/23 职场文书
科研课题实施方案
2014/03/18 职场文书
最美孝心少年事迹材料
2014/08/15 职场文书
群教班子对照检查材料
2014/08/26 职场文书
打架检讨书
2015/01/27 职场文书