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 Store的数据访问与更新问题
Apr 28 Javascript
[JSF]使用DataModel处理表行事件的实例代码
Aug 05 Javascript
event对象获取方法总结在google浏览器下测试
Nov 03 Javascript
JavaScript中的this关键字使用方法总结
Mar 13 Javascript
jQuery绑定事件-多种实现方式总结
May 09 Javascript
JS获取IE版本号与HTML设置IE文档模式的方法
Oct 09 Javascript
基于vue2.0+vuex+localStorage开发的本地记事本示例
Feb 28 Javascript
bootstrap手风琴折叠示例代码分享
May 22 Javascript
JS使用正则表达式找出最长连续子串长度
Oct 26 Javascript
详解Webpack实战之构建 Electron 应用
Dec 25 Javascript
在Vue项目中使用Typescript的实现
Dec 19 Javascript
Vue 修改网站图标的方法
Dec 31 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
PHP4实际应用经验篇(6)
2006/10/09 PHP
ThinkPHP与PHPExcel冲突解决方法
2011/08/08 PHP
PHP中运用jQuery的Ajax跨域调用实现代码
2012/02/21 PHP
php实现多张图片上传加水印技巧
2013/04/18 PHP
php访问数组最后一个元素的函数end()用法
2015/03/18 PHP
php生成图片缩略图功能示例
2017/02/22 PHP
基于jQuery的可以控制左右滚动及自动滚动效果的代码
2010/07/25 Javascript
js对象的构造和继承实现代码
2010/12/05 Javascript
javascript的函数、创建对象、封装、属性和方法、继承
2011/03/10 Javascript
JQuery.ajax传递中文参数的解决方法 推荐
2011/03/28 Javascript
web css实现整站样式互相切换
2013/10/29 Javascript
js输入框邮箱自动提示功能代码实现
2013/12/10 Javascript
a标签的href与onclick事件的区别详解
2014/11/12 Javascript
js过滤HTML标签完整实例
2015/11/26 Javascript
谈一谈bootstrap响应式布局
2016/05/23 Javascript
html、css和jquery相结合实现简单的进度条效果实例代码
2016/10/24 Javascript
bootstrap vue.js实现tab效果
2017/02/07 Javascript
Angular实现的table表格排序功能完整示例
2017/12/22 Javascript
简单明了区分escape、encodeURI和encodeURIComponent
2018/05/26 Javascript
layDate日期控件使用方法详解
2018/11/15 Javascript
JS图片懒加载的优点及实现原理
2020/01/10 Javascript
vue修改Element的el-table样式的4种方法
2020/09/17 Javascript
如何在 ant 的table中实现图片的渲染操作
2020/10/28 Javascript
javascript实现搜索筛选功能实例代码
2020/11/12 Javascript
python实现按行切分文本文件的方法
2016/04/18 Python
python中判断文件编码的chardet(实例讲解)
2017/12/21 Python
python交互界面的退出方法
2019/02/16 Python
python基于property()函数定义属性
2020/01/22 Python
python实现按键精灵找色点击功能教程,使用pywin32和Pillow库
2020/06/04 Python
微软香港官网及网上商店:Microsoft HK
2016/09/01 全球购物
介绍一下RMI的基本概念
2016/12/17 面试题
大学生四年生活自我鉴定
2013/11/21 职场文书
职业道德模范事迹材料
2014/08/24 职场文书
2015年感恩母亲节的演讲稿
2015/03/18 职场文书
七年级数学教学反思
2016/02/17 职场文书
JavaScript实现简单计时器
2021/06/22 Javascript