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图片平滑连续滚动插件
Apr 27 Javascript
关于Jqzoom的使用心得 jquery放大镜效果插件
Apr 12 Javascript
javascript中typeof的使用示例
Dec 19 Javascript
JS中Date日期函数中的参数使用介绍
Jan 02 Javascript
jquery 选取方法都有哪些
May 18 Javascript
Jquery插件分享之气泡形提示控件grumble.js
May 20 Javascript
JavaScript运行机制之事件循环(Event Loop)详解
Oct 10 Javascript
jQuery插件boxScroll实现图片轮播特效
Jul 14 Javascript
详解javascript实现自定义事件
Jan 19 Javascript
jQuery子元素过滤选择器用法示例
Sep 09 Javascript
基于vue.js轮播组件vue-awesome-swiper实现轮播图
Mar 17 Javascript
vue实现图片上传预览功能
Dec 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
php xml-rpc远程调用
2008/12/19 PHP
php操作SVN版本服务器类代码
2011/11/27 PHP
php使用unset()删除数组中某个单元(键)的方法
2015/02/17 PHP
Yii列表定义与使用分页方法小结(3种方法)
2016/07/15 PHP
PHP根据树的前序遍历和中序遍历构造树并输出后序遍历的方法
2017/11/10 PHP
TP5(thinkPHP5框架)实现显示错误信息及行号功能的方法
2019/06/03 PHP
javascript innerHTML使用分析
2010/12/03 Javascript
js Date概念详细介绍
2013/11/22 Javascript
Js实现滚动变色的文字效果
2014/06/16 Javascript
详谈Angular路由与Nodejs路由的区别
2017/03/05 NodeJs
Vue指令的钩子函数使用方法
2017/03/20 Javascript
Bootstrap fileinput文件上传组件使用详解
2017/06/06 Javascript
js获取元素的偏移量offset简单方法(必看)
2017/07/05 Javascript
jQuery初级教程之网站品牌列表效果
2017/08/02 jQuery
前端插件之Bootstrap Dual Listbox使用教程
2019/07/23 Javascript
深入理解redux之compose的具体应用
2020/01/12 Javascript
jQuery实现鼠标拖拽登录框移动效果
2020/09/13 jQuery
Vue实现穿梭框效果
2020/09/30 Javascript
了不起的11个JavaScript代码重构最佳实践小结
2021/01/11 Javascript
详解python 拆包可迭代数据如tuple, list
2017/12/29 Python
Python实现图片拼接的代码
2018/07/02 Python
python爬取微信公众号文章
2018/08/31 Python
python之消除前缀重命名的方法
2018/10/21 Python
Django 模型类(models.py)的定义详解
2019/07/19 Python
Python字符串的修改方法实例
2019/12/19 Python
keras 解决加载lstm+crf模型出错的问题
2020/06/10 Python
python转化excel数字日期为标准日期操作
2020/07/14 Python
Python json解析库jsonpath原理及使用示例
2020/11/25 Python
大学生职业规划范文:象牙塔生活的四年计划
2014/01/14 职场文书
京剧自荐信
2014/01/26 职场文书
上课不认真检讨书
2014/09/17 职场文书
2015年药店工作总结
2015/04/20 职场文书
工程进度款催款函
2015/06/24 职场文书
《地震中的父与子》教学反思
2016/02/16 职场文书
SQL基础查询和LINQ集成化查询
2022/01/18 MySQL
Python语言中的数据类型-序列
2022/02/24 Python