js脚本实现数据去重

 更新时间:2014年11月27日 08:54:54   投稿:hebedich  
最近在一个项目中,需要去除掉重复的数据,之前都是在后台实现,现在客户需求是在前台去重,于是就想到了javascript脚本。

项目要求如图所示:

代码:

复制代码 代码如下:

<!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>

是不是很简单呢,有相同需求的小伙伴们自己参考下吧,这里给出的仅仅是个简单示例,要用到项目中还需要小伙伴们自己加点料。

相关文章

  • JS判定是否原生方法

    JS判定是否原生方法

    这篇文章介绍了js判定是否原生方法,有需要的朋友可以参考一下
    2013-07-07
  • JS中微信小程序自定义底部弹出框

    JS中微信小程序自定义底部弹出框

    本文通过实例代码给大家介绍了js开发中微信小程序自定义底部弹出框效果,非常不错,具有参考借鉴价值,需要的朋友参考下
    2016-12-12
  • threejs太阳光与阴影效果实例代码

    threejs太阳光与阴影效果实例代码

    在Threejs中类似于我们现实世界,物体显示的颜色是由物体本身的颜色及光照的颜色相互叠加而得到的,这篇文章主要给大家介绍了关于threejs太阳光与阴影效果的相关资料,需要的朋友可以参考下
    2022-04-04
  • 教您去掉ie网页加载进度条的方法

    教您去掉ie网页加载进度条的方法

    相信很多同仁做的系统后到都是用frameset或iframe来加载不同页面的,不可不知道大家有没有注意到,当frame框架中的页面已经加载完成后,可是ie浏览器的状态栏还会一直显示一个正在加载的状态。
    2010-12-12
  • ES6基础之数组和对象的拓展实例详解

    ES6基础之数组和对象的拓展实例详解

    这篇文章主要介绍了ES6基础之数组和对象的拓展,结合实例形式详细分析了ES6数组和对象拓展运算符、拓展方法的使用及相关操作技巧,需要的朋友可以参考下
    2019-08-08
  • js实现带积分弹球小游戏

    js实现带积分弹球小游戏

    这篇文章主要为大家详细介绍了js实现带积分弹球小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-07-07
  • 获得Javascript对象属性个数的示例代码

    获得Javascript对象属性个数的示例代码

    这篇文章主要是对获得Javascript对象属性个数的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • JavaScript深入V8引擎以及编写优化代码的5个技巧

    JavaScript深入V8引擎以及编写优化代码的5个技巧

    这篇文章主要介绍了JavaScript深入V8引擎以及编写优化代码的5个技巧,JavaScript引擎是执行 JavaScript 代码的程序或解释器。JavaScript引擎可以实现为标准解释器,或者以某种形式将JavaScript编译为字节码的即时编译器。,需要的朋友可以参考下
    2019-06-06
  • TypeScript中yield和Generator的使用指南

    TypeScript中yield和Generator的使用指南

    本文主要介绍了TypeScript中Generator与yield的用法,涵盖其语法、类型定义、典型应用场景及注意事项,具有一定的参考价值,感兴趣的可以来了解一下
    2025-08-08
  • 微信小程序自定义纯净模态框(弹出框)的实例代码

    微信小程序自定义纯净模态框(弹出框)的实例代码

    这篇文章主要介绍了微信小程序自定义纯净模态框(弹出框)的实例代码,代码简答易懂,非常不错,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-03-03

最新评论