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 相关文章推荐
[JS]点出统计器
Oct 11 Javascript
HTTP状态代码以及定义(解释)
Feb 02 Javascript
关于javascript document.createDocumentFragment()
Apr 04 Javascript
JS 分号引起的一段调试问题
Jun 18 Javascript
EXT中xtype的含义分析
Jan 07 Javascript
jQuery开发者都需要知道的5个小技巧
Jan 08 Javascript
jquery 层次选择器siblings与nextAll的区别介绍
Aug 02 Javascript
jQuery实现获取绑定自定义事件元素的方法
Dec 02 Javascript
javascript+HTML5 Canvas绘制转盘抽奖
May 16 Javascript
JS Object.preventExtensions(),Object.seal()与Object.freeze()用法实例分析
Aug 25 Javascript
使用Node.js实现一个多人游戏服务器引擎
Mar 13 Javascript
JS实现移动端在线签协议功能
Aug 22 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判断一个字符串是否是回文字符串的方法
2015/03/23 PHP
PHP使用Pear发送邮件(Windows环境)
2016/01/05 PHP
YII2 实现多语言配置的方法分享
2017/01/11 PHP
php+Ajax处理xml与json格式数据的方法示例
2019/03/04 PHP
java script编程起步(第三课)
2007/01/10 Javascript
javascript 设置文本框中焦点的位置
2009/11/20 Javascript
jquery 定位input元素的几种方法小结
2013/07/28 Javascript
最好用的省市二级联动 原生js实现你值得拥有
2013/09/22 Javascript
jQuery结合CSS制作动态的下拉菜单
2015/10/27 Javascript
web前端开发upload上传头像js示例代码
2016/10/22 Javascript
canvas绘制爱心的几种方法总结(推荐)
2017/10/31 Javascript
Vue的elementUI实现自定义主题方法
2018/02/23 Javascript
vue填坑之webpack run build 静态资源找不到的解决方法
2018/09/03 Javascript
vue实现节点增删改功能
2019/09/26 Javascript
vue 实现根据data中的属性值来设置不同的样式
2020/08/04 Javascript
[05:24]TI9采访——教练
2019/08/24 DOTA
python进阶教程之词典、字典、dict
2014/08/29 Python
使用tensorflow实现AlexNet
2017/11/20 Python
python线程中同步锁详解
2018/04/27 Python
基于python3 OpenCV3实现静态图片人脸识别
2018/05/25 Python
python3 实现一行输入,空格隔开的示例
2018/11/14 Python
django的model操作汇整详解
2019/07/26 Python
Pycharm Available Package无法显示/安装包的问题Error Loading Package List解决
2020/09/18 Python
Django-Scrapy生成后端json接口的方法示例
2020/10/06 Python
python利用platform模块获取系统信息
2020/10/09 Python
夏洛特和乔治婴儿和儿童时装精品店:Charlotte and George
2018/06/06 全球购物
销售个人求职信范文
2014/04/28 职场文书
幼儿园家长安全责任书
2014/07/22 职场文书
农村党支部书记司法四风问题对照检查材料
2014/09/26 职场文书
爱心募捐感谢信
2015/01/22 职场文书
导游词之介休绵山
2019/12/31 职场文书
python实现批量移动文件
2021/04/05 Python
Django程序的优化技巧
2021/04/29 Python
Java 中的 Unsafe 魔法类的作用大全
2021/06/26 Java/Android
BCL经典机 SONY ICF-5900W电路分析
2022/04/24 无线电
kubernetes集群搭建Zabbix监控平台的详细过程
2022/07/07 Servers