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 相关文章推荐
js判断IE浏览器版本过低示例代码
Nov 22 Javascript
js分页代码分享
Apr 28 Javascript
jQuery实现的多选框多级联动插件
May 02 Javascript
JS禁止查看网页源代码的实现方法
Oct 12 Javascript
浅谈javascript中的事件冒泡和事件捕获
Dec 28 Javascript
详解vue2父组件传递props异步数据到子组件的问题
Jun 29 Javascript
javascript计算渐变颜色的实例
Sep 22 Javascript
vue 中swiper的使用教程
May 22 Javascript
webpack HappyPack实战详解
Oct 08 Javascript
详解Nuxt.js 实战集锦
Nov 19 Javascript
vue监听dom大小改变案例
Jul 29 Javascript
vue递归获取父元素的元素实例
Aug 07 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
可快速识别放射性物质-国外大神教你diy一个开放式辐射探测器
2020/03/12 无线电
在PHP中使用与Perl兼容的正则表达式
2006/11/26 PHP
destoon后台网站设置变成空白的解决方法
2014/06/21 PHP
PHP下通过QRCode类库创建中间带网站LOGO的二维码
2014/07/12 PHP
php绘制圆形的方法
2015/01/24 PHP
ThinkPHP V2.2说明文档没有说明的那些事实例小结
2015/07/01 PHP
thinkphp 验证码 的使用小结
2017/05/07 PHP
php使用mysqli和pdo扩展,测试对比连接mysql数据库的效率完整示例
2019/05/09 PHP
js常用函数 不错
2006/09/08 Javascript
JQuery中的$.getJSON 使用说明
2011/03/10 Javascript
基于jquery的bankInput银行卡账号格式化
2012/08/22 Javascript
JavaScript学习笔记之取数组中最大值和最小值
2016/03/23 Javascript
全面理解JavaScript中的继承(必看)
2016/06/16 Javascript
js实现不提示直接关闭网页窗口
2017/03/30 Javascript
js 将canvas生成图片保存,或直接保存一张图片的实现方法
2018/01/02 Javascript
vue页面切换到滚动页面显示顶部的实例
2018/03/13 Javascript
400多行Python代码实现了一个FTP服务器
2012/05/10 Python
python实现停车管理系统
2018/11/30 Python
python学生信息管理系统实现代码
2019/12/17 Python
Python 解决火狐浏览器不弹出下载框直接下载的问题
2020/03/09 Python
Tensorflow使用Anaconda、pycharm安装记录
2020/07/29 Python
matplotlib之多边形选区(PolygonSelector)的使用
2021/02/24 Python
移动端Html5中百度地图的点击事件
2019/01/31 HTML / CSS
欧洲、亚洲、非洲和拉丁美洲的度假套餐:Great Value Vacations
2019/03/30 全球购物
优秀毕业大学生推荐信
2013/11/13 职场文书
暑期培训随笔感言
2014/03/10 职场文书
人民调解员先进事迹材料
2014/05/08 职场文书
诚实守信道德模范事迹材料
2014/08/15 职场文书
讲文明懂礼貌演讲稿
2014/09/11 职场文书
2014年最新领导班子整改方案
2014/09/27 职场文书
2015法院个人工作总结范文
2015/05/25 职场文书
恋恋笔记本观后感
2015/06/16 职场文书
教你如何使用Python下载B站视频的详细教程
2021/04/29 Python
再次探讨go实现无限 buffer 的 channel方法
2021/06/13 Golang
解析Java异步之call future
2021/06/14 Java/Android
sql注入报错之注入原理实例解析
2022/06/10 MySQL