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 相关文章推荐
判断用户的在线状态 onbeforeunload事件
Mar 05 Javascript
基于JQuery的模拟苹果桌面Dock效果(稳定版)
Oct 15 Javascript
js自定义事件及事件交互原理概述(二)
Feb 01 Javascript
JS过滤url参数特殊字符的实现方法
Dec 24 Javascript
document.compatMode的CSS1compat使用介绍
Apr 03 Javascript
javascript基于HTML5 canvas制作画箭头组件
Jun 25 Javascript
node.js中使用q.js实现api的promise化
Sep 17 Javascript
jQuery禁用键盘后退屏蔽F5刷新及禁用右键单击
Jan 22 Javascript
通过Ajax使用FormData对象无刷新上传文件方法
Dec 08 Javascript
angular1配合gulp和bower的使用教程
Jan 19 Javascript
AngularJS上传文件的示例代码
Nov 10 Javascript
vue项目中js-cookie的使用存储token操作
Nov 13 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 和 MySQL 基础教程(四)
2006/10/09 PHP
模仿OSO的论坛(一)
2006/10/09 PHP
CI框架中zip类应用示例
2014/06/17 PHP
php 使用redis锁限制并发访问类示例
2016/11/02 PHP
WordPress JQuery处理沙发头像
2009/06/22 Javascript
jQuery入门第一课 jQuery选择符
2010/03/14 Javascript
JavaScript 基础篇(一)
2012/03/30 Javascript
使用非html5实现js板连连看游戏示例代码
2013/09/22 Javascript
js简单实现用户注册信息的校验代码
2013/11/15 Javascript
基于JavaScript如何实现私有成员的语法特征及私有成员的实现方式
2015/10/28 Javascript
微信小程序中显示html格式内容的方法
2017/04/25 Javascript
详解webpack 多入口配置
2017/06/16 Javascript
详谈javascript精度问题与调整
2017/07/08 Javascript
基于vue-resource jsonp跨域问题的解决方法
2018/02/03 Javascript
JS实现获取毫秒值及转换成年月日时分秒的方法
2018/08/15 Javascript
详解使用element-ui table组件的筛选功能的一个小坑
2018/11/02 Javascript
html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】
2019/09/10 jQuery
react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面
2019/11/12 Javascript
详解使用mocha对webpack打包的项目进行&quot;冒烟测试&quot;的大致流程
2020/04/27 Javascript
微信小程序实现滚动Tab选项卡
2020/11/16 Javascript
[47:45]Liquid vs OG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python linecache.getline()读取文件中特定一行的脚本
2008/09/06 Python
python实现RSA加密(解密)算法
2016/02/17 Python
详解Python使用simplejson模块解析JSON的方法
2016/03/24 Python
Flask的图形化管理界面搭建框架Flask-Admin的使用教程
2016/06/13 Python
Python编程之字符串模板(Template)用法实例分析
2017/07/22 Python
python的Tqdm模块的使用
2018/01/10 Python
django进阶之cookie和session的使用示例
2018/08/17 Python
python中将\\uxxxx转换为Unicode字符串的方法
2018/09/06 Python
Python爬虫 批量爬取下载抖音视频代码实例
2019/08/16 Python
python实现WebSocket服务端过程解析
2019/10/18 Python
Python使用ElementTree美化XML格式的操作
2020/03/06 Python
CSS3 新增选择器的实例
2019/11/13 HTML / CSS
N.Peal官网:来自伦敦的高档羊绒品牌
2018/10/29 全球购物
学校德育工作总结2015
2015/05/11 职场文书
使用vuex-persistedstate本地存储vuex
2022/04/29 Vue.js