jQuery实现tag便签去重效果的方法


Posted in Javascript onJanuary 20, 2015

本文实例讲述了jQuery实现tag便签去重效果的方法。分享给大家供大家参考。具体实现方法如下:

html代码如下:

<head>

<script type="text/javascript" src="js/jQuery.js"></script>  <!--jquery引用代码-->

<script type="text/javascript" src="js/delRepeat.js"></script> <!--实现去重的js代码-->

</head>

<body>

<input id="repeatValue" type="text" onblur="delRepeat()">

</body>

delRepeat.js代码如下:

function delRepeat(){

var str = $('#repeatValue').val();

var strArr=str.split(" ");//把字符串以空格分割成一个数组
var uniqueArr = [];

$.each(strArr, function(i, el){

   if($.inArray(el, uniqueArr) === -1) uniqueArr.push(el);

});

  $('#repeatValue').val(uniqueArr.join(" "));  //再将字符串组合

}

希望本文所述对大家的jQuery程序设计有所帮助。

Javascript 相关文章推荐
jQuery源码分析-03构造jQuery对象-源码结构和核心函数
Nov 14 Javascript
JavaScript的原型继承详解
Feb 15 Javascript
JS组件Bootstrap实现下拉菜单效果代码
Apr 26 Javascript
基于Bootstrap里面的Button dropdown打造自定义select
May 30 Javascript
AngularJS入门教程之迭代器过滤详解
Aug 18 Javascript
jQuery倒计时代码(超简单)
Feb 27 Javascript
vue中用H5实现文件上传的方法实例代码
May 27 Javascript
解决jQuery使用append添加的元素事件无效的问题
Aug 30 jQuery
Vue源码解析之数组变异的实现
Dec 04 Javascript
聊聊鉴权那些事(推荐)
Aug 22 Javascript
Vue实现计算器计算效果
Aug 17 Javascript
在antd Form表单中select设置初始值操作
Nov 02 Javascript
js实现class样式的修改、添加及删除的方法
Jan 20 #Javascript
DOM基础教程之事件类型
Jan 20 #Javascript
js使用DOM设置单选按钮、复选框及下拉菜单的方法
Jan 20 #Javascript
DOM基础教程之事件对象
Jan 20 #Javascript
js判断浏览器版本以及浏览器内核的方法
Jan 20 #Javascript
js实现的捐赠管理完整实例
Jan 20 #Javascript
JS自定义对象实现Java中Map对象功能的方法
Jan 20 #Javascript
You might like
PHP计算指定日期所在周的开始和结束日期的方法
2015/03/24 PHP
php数值计算num类简单操作示例
2020/05/15 PHP
JavaScript窗口功能指南之在窗口中书写内容
2006/07/21 Javascript
javascript 自定义事件初探
2009/08/21 Javascript
jQuery插件开发基础简单介绍
2013/01/07 Javascript
jquery 操作两个select实现值之间的互相传递
2014/03/07 Javascript
JS判断、校验MAC地址的2个实例
2014/05/05 Javascript
JavaScript截取字符串的2个函数介绍
2014/08/27 Javascript
基于jquery实现的自动补全功能
2015/03/12 Javascript
JavaScript通过select动态更换图片的方法
2015/03/23 Javascript
理解Javascript的call、apply
2015/12/16 Javascript
JS动态增删表格行的方法
2016/03/03 Javascript
jQuery ztree实现动态树形多选菜单
2016/08/12 Javascript
Node.js中process模块常用的属性和方法
2016/12/13 Javascript
js仿网易表单及时验证功能
2017/03/07 Javascript
jQuery+pjax简单示例汇总
2017/04/21 jQuery
微信小程序 自定义Toast实例代码
2017/06/12 Javascript
js实现左右两侧浮动广告
2018/07/09 Javascript
Vue.js子组件向父组件通信的方法实例代码详解
2018/12/10 Javascript
详解vue的数据劫持以及操作数组的坑
2019/04/18 Javascript
[00:37]DOTA2上海特级锦标赛 OG战队宣传片
2016/03/03 DOTA
用实例说明python的*args和**kwargs用法
2013/11/01 Python
Python使用pygame模块编写俄罗斯方块游戏的代码实例
2015/12/08 Python
Python内置数据结构与操作符的练习题集锦
2016/07/01 Python
详解如何管理多个Python版本和虚拟环境
2019/05/10 Python
Django REST framework 单元测试实例解析
2019/11/07 Python
利用pipenv和pyenv管理多个相互独立的Python虚拟开发环境
2020/11/01 Python
继承时候类的执行顺序问题,一般都是选择题,问你将会打印出什么?
2015/11/18 面试题
临床医学大学生求职信
2013/09/28 职场文书
护理专科毕业推荐信
2013/11/10 职场文书
工人先锋号申报材料
2014/12/29 职场文书
2015年暑期社会实践总结
2015/07/13 职场文书
css实现两栏布局,左侧固定宽,右侧自适应的多种方法
2021/08/07 HTML / CSS
解决pycharm下载库时出现Failed to install package的问题
2021/09/04 Python
angular4实现带搜索的下拉框
2022/03/25 Javascript
Java8 CompletableFuture 异步回调
2022/04/28 Java/Android