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>

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

相关文章

  • 微信小程序调用PHP后台接口 解析纯html文本

    微信小程序调用PHP后台接口 解析纯html文本

    这篇文章主要为大家详细介绍了微信小程序调用PHP后台接口,解析纯html文本的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • 原生JS实现音乐播放器的示例代码

    原生JS实现音乐播放器的示例代码

    这篇文章主要介绍了原生JS实现音乐播放器的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-02-02
  • Javascript 数组添加 shuffle 方法的实现代码

    Javascript 数组添加 shuffle 方法的实现代码

    PHP 里面有个非常方便的打乱数组的函数 shuffle() ,这个功能在许多情况下都会用到,但 javascript 的数组却没有这个方法,没有不要紧,可以扩展一个,自己动手,丰衣足食嘛。
    2009-09-09
  • js实现飞入星星特效代码

    js实现飞入星星特效代码

    这篇文章主要介绍了js实现飞入星星特效代码,主要通过控制背景与飞入点的样式,结合setTimeout函数即可实现星星飞入的效果,对于学习javascript有不错的参考借鉴价值,需要的朋友可以参考下
    2014-10-10
  • 理解Javascript_05_原型继承原理

    理解Javascript_05_原型继承原理

    对于面向对象的基础语法在此我就不重复了,对面向对象不熟悉的朋友可以参看《使用面向对象的技术创建高级 Web 应用程序》一文。
    2010-10-10
  • Javascript Cookie读写删除操作的函数

    Javascript Cookie读写删除操作的函数

    Javascript Cookie读写删除操作的函数代码,需要操作cookies的朋友可以参考下。
    2010-03-03
  • jsp 自动编译机制详细介绍

    jsp 自动编译机制详细介绍

    这篇文章主要介绍了 Jasper的自动检测实现的机制比较简单,依靠某后台线程不断检测JSP文件与编译后的class文件的最后修改时间是否相同,若相同则认为没有改动,但倘若不同则需要重新编译,需要的朋友可以参考下
    2016-12-12
  • 在ASP.NET MVC项目中使用RequireJS库的用法示例

    在ASP.NET MVC项目中使用RequireJS库的用法示例

    这篇文章主要介绍了在ASP.NET MVC项目中使用RequireJS的用法示例,文中主要讲解了网站项目的一些基本目录结构思想,并给出了一个半自动压缩的例子,的朋友可以参考下
    2016-02-02
  • JavaScript Array对象使用方法解析

    JavaScript Array对象使用方法解析

    这篇文章主要介绍了JavaScript Array对象使用方法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-09-09
  • 微信小程序设置滚动条过程详解

    微信小程序设置滚动条过程详解

    这篇文章主要介绍了微信小程序设置滚动条过程详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-07-07

最新评论