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 相关文章推荐
JQuery自定义事件的应用 JQuery最佳实践
Aug 01 Javascript
关于锚点跳转及jQuery下相关操作与插件
Oct 01 Javascript
JS控制输入框内字符串长度
May 21 Javascript
Web表单提交之disabled问题js解决方法
Jan 13 Javascript
JavaScript脚本判断蜘蛛来源的方法
Sep 22 Javascript
Bootstrap开发实战之第一次接触Bootstrap
Jun 02 Javascript
利用Angularjs实现幻灯片效果
Sep 07 Javascript
js HTML5上传示例代码完整版
Oct 10 Javascript
js实现右键菜单功能
Nov 28 Javascript
vue拦截器Vue.http.interceptors.push使用详解
Apr 22 Javascript
用webpack4开发小程序的实现方法
Jun 04 Javascript
JS eval代码快速解密实例解析
Apr 23 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
ubuntu 编译安装php 5.3.3+memcache的方法
2010/08/05 PHP
PHP调用其他文件中的类
2018/04/02 PHP
PHP验证类的封装与使用方法详解
2019/01/10 PHP
PHP fprintf()函数用法讲解
2019/02/16 PHP
Laravel 创建指定表 migrate的例子
2019/10/09 PHP
PHP使用openssl扩展实现加解密方法示例
2020/02/20 PHP
javascript编程起步(第四课)
2007/01/10 Javascript
js获取div高度的代码
2008/08/09 Javascript
javascript基础语法——全面理解变量和标识符
2016/06/02 Javascript
JS实现根据文件字节数返回文件大小的方法
2016/08/02 Javascript
js调用屏幕宽度的简单方法
2016/11/14 Javascript
Vue自定义图片懒加载指令v-lazyload详解
2020/12/31 Javascript
angular2+node.js express打包部署的实战
2017/07/27 Javascript
BootStrap导航栏问题记录
2017/07/31 Javascript
jQuery创建及操作xml格式数据示例
2018/05/26 jQuery
koa router 多文件引入的方法示例
2019/05/22 Javascript
微信小程序如何使用globalData的方法
2019/06/06 Javascript
Vuex中实现数据状态查询与更改
2019/11/08 Javascript
微信小程序多列表渲染数据开关互不影响的实现
2020/06/05 Javascript
vue 微信分享回调iOS和安卓回调出现错误的解决
2020/09/07 Javascript
对Python 窗体(tkinter)树状数据(Treeview)详解
2018/10/11 Python
Python math库 ln(x)运算的实现及原理
2019/07/17 Python
python 解决flask uwsgi 获取不到全局变量的问题
2019/12/22 Python
TensorFlow keras卷积神经网络 添加L2正则化方式
2020/05/22 Python
HTML5 WebSocket实现点对点聊天的示例代码
2018/01/31 HTML / CSS
台湾流行服饰购物平台:OB严选
2018/01/21 全球购物
MaBelle玛贝尔香港官网:香港钻饰连锁店
2019/09/09 全球购物
Eton丹麦官网:精美的男式衬衫
2020/05/27 全球购物
商场消防演习方案
2014/02/12 职场文书
竞聘书怎么写,如何写?
2014/03/31 职场文书
购房协议书范本
2014/10/02 职场文书
旷课检讨书
2015/01/26 职场文书
2015年档案管理员工作总结
2015/05/13 职场文书
合作协议书格式范本
2016/03/21 职场文书
《初涉尘世》读后感3篇
2020/01/10 职场文书
Pytest中conftest.py的用法
2021/06/27 Python