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 打印内容方法小结
Nov 04 Javascript
javascript学习之闭包分析
Dec 02 Javascript
JavaScript window.document的属性、方法和事件小结
Oct 24 Javascript
jQuery bxCarousel实现图片滚动切换效果示例代码
May 15 Javascript
jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果
Apr 16 Javascript
解决node.js安装包失败的几种方法
Sep 02 Javascript
深入理解Angularjs中的$resource服务
Dec 31 Javascript
input输入框内容实时监测(附代码)
Aug 15 Javascript
angular4实现tab栏切换的方法示例
Oct 21 Javascript
详解vue-cli 本地开发mock数据使用方法
May 29 Javascript
VueCli3构建TS项目的方法步骤
Nov 07 Javascript
TypeScript 使用 Tuple Union 声明函数重载
Apr 07 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+DBM的同学录程序(3)
2006/10/09 PHP
用PHP进行MySQL删除记录操作代码
2008/06/07 PHP
PHPUnit PHP测试框架安装方法
2011/03/23 PHP
PHP Callable强制指定回调类型的方法
2016/08/30 PHP
JQuery 操作Javascript对象和数组的工具函数小结
2010/01/22 Javascript
关于javascript中的typeof和instanceof介绍
2012/12/04 Javascript
jQuery中:reset选择器用法实例
2015/01/04 Javascript
jQuery实现流动虚线框的方法
2015/01/29 Javascript
js动态修改表格行colspan列跨度的方法
2015/03/30 Javascript
JavaScript制作简易的微信打飞机
2015/03/31 Javascript
被遗忘的javascript的slice() 方法
2015/04/20 Javascript
浅谈js多维数组和hash数组定义和使用
2016/07/27 Javascript
vue-cli的webpack模板项目配置文件分析
2017/04/01 Javascript
关于element-ui的隐藏组件el-scrollbar的使用
2019/05/29 Javascript
python中的五种异常处理机制介绍
2014/09/02 Python
Python中的默认参数详解
2015/06/24 Python
浅谈python中截取字符函数strip,lstrip,rstrip
2015/07/17 Python
Python AES加密模块用法分析
2017/05/22 Python
Python设计模式之代理模式简单示例
2018/01/09 Python
Python实现查询某个目录下修改时间最新的文件示例
2018/08/29 Python
python爬虫超时的处理的实例
2018/12/19 Python
Python实现二维曲线拟合的方法
2018/12/29 Python
pip安装python库的方法总结
2019/08/02 Python
python编写俄罗斯方块
2020/03/13 Python
Python实现从N个数中找到最大的K个数
2020/04/02 Python
使用CSS3实现input多选框自定义样式的方法示例
2019/07/19 HTML / CSS
Paul Smith英国官网:英国国宝级时装品牌
2019/03/21 全球购物
美国排名第一的泳池用品直接来源:In The Swim
2019/09/23 全球购物
莫斯科购买书籍网站:Book24
2020/01/12 全球购物
个人自我鉴定怎么写
2013/10/28 职场文书
市场部规章制度
2014/01/24 职场文书
给老婆的婚前保证书
2014/02/01 职场文书
涉密人员保密承诺书
2014/05/28 职场文书
2014年学校后勤工作总结
2014/12/06 职场文书
检讨书模板
2015/01/29 职场文书
推荐六本经典文学奖书籍:此生必读
2019/08/22 职场文书