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 相关文章推荐
IE与Firefox在JavaScript上的7个不同写法小结
Sep 14 Javascript
jQuery 使用手册(四)
Sep 23 Javascript
jQuery checkbox全选/取消全选实现代码
Nov 14 Javascript
被jQuery折腾得半死,揭秘为何jQuery为何在IE/Firefox下均无法使用
Jan 22 Javascript
用JavaScript玩转游戏物理(一)运动学模拟与粒子系统
Jun 19 Javascript
Prototype源码浅析 String部分(二)
Jan 16 Javascript
Javascript/Jquery——简单定时器的多种实现方法
Jul 03 Javascript
JS画线(实例代码)
Nov 20 Javascript
浅析jquery如何判断滚动条滚到页面底部并执行事件
Apr 29 Javascript
详谈js使用in和hasOwnProperty获取对象属性的区别
Apr 25 Javascript
angular 服务的单例模式(依赖注入模式下)详解
Oct 22 Javascript
vue双向绑定及观察者模式详解
Mar 19 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将数据库中的电话号码读取出来并生成图片
2008/08/31 PHP
php递归列出所有文件和目录的代码
2008/09/10 PHP
php json_encode值中大括号与花括号区别
2013/09/30 PHP
改写ThinkPHP的U方法使其路由下分页正常
2014/07/02 PHP
图解找出PHP配置文件php.ini的路径的方法
2014/08/20 PHP
php使用$_POST或$_SESSION[]向js函数传参
2014/09/16 PHP
php判断当前用户已在别处登录的方法
2015/01/06 PHP
Laravel 5.3 学习笔记之 安装
2016/08/28 PHP
htm调用JS代码
2007/03/15 Javascript
Jquery 获取表单text,areatext,radio,checkbox,select值的代码
2009/11/12 Javascript
关于COOKIE个数与大小的问题
2011/01/17 Javascript
JS事件在IE与FF中的区别详细解析
2013/11/20 Javascript
兼容Firefox的Javascript XSLT 处理XML文件
2014/12/31 Javascript
jQuery实现自定义下拉列表
2015/01/05 Javascript
BootStrap创建响应式导航条实例代码
2016/05/31 Javascript
JSONP原理及简单实现
2016/06/08 Javascript
最常见的左侧分类菜单栏jQuery实现代码
2016/11/28 Javascript
js+canvas实现动态吃豆人效果
2017/03/22 Javascript
浅谈jQuery框架Ajax常用选项
2017/07/08 jQuery
微信小程序 数据绑定及运算的简单实例
2017/09/20 Javascript
python实现探测socket和web服务示例
2014/03/28 Python
python各种语言间时间的转化实现代码
2016/03/23 Python
python在OpenCV里实现投影变换效果
2019/08/30 Python
django 链接多个数据库 并使用原生sql实现
2020/03/28 Python
草莓网英国官网:Strawberrynet UK
2017/02/12 全球购物
优秀毕业生求职信范文
2014/01/02 职场文书
运动会方阵解说词
2014/02/12 职场文书
家长通知书教师评语
2014/04/17 职场文书
学校端午节活动方案
2014/08/23 职场文书
授权委托书样本及填写说明
2014/09/19 职场文书
检察院院长群众路线教育实践活动个人整改措施
2014/10/04 职场文书
2014年生活老师工作总结
2014/12/23 职场文书
发言稿之优秀教师篇
2019/09/26 职场文书
python执行js代码的方法
2021/05/13 Python
nginx刷新页面出现404解决方案(亲测有效)
2022/03/18 Servers
使用 MybatisPlus 连接 SqlServer 数据库解决 OFFSET 分页问题
2022/04/22 SQL Server