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 相关文章推荐
JavaScript开发规范要求(规范化代码)
Aug 16 Javascript
JqGrid web打印实现代码
May 31 Javascript
ASP.NET jQuery 实例17 通过使用jQuery validation插件校验ListBox
Feb 03 Javascript
jQuery实现鼠标经过图片预览大图效果
Apr 10 Javascript
JS获取图片高度宽度的方法分享
Apr 17 Javascript
js控住DOM实现发布微博效果
Aug 30 Javascript
解决URL地址中的中文乱码问题的办法
Feb 10 Javascript
浅谈React + Webpack 构建打包优化
Jan 23 Javascript
详解vuex commit保存数据技巧
Dec 25 Javascript
JS添加或删除HTML dom元素的方法实例分析
Mar 05 Javascript
websocket4.0+typescript 实现热更新的方法
Aug 14 Javascript
微信小程序 wxParse插件显示视频问题
Sep 27 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+dbfile开发小型留言本
2006/10/09 PHP
用PHP+MySQL搭建聊天室功能实例代码
2012/08/20 PHP
php查询ip所在地的方法
2014/12/05 PHP
php从csv文件读取数据并输出到网页的方法
2015/03/14 PHP
php图像处理类实例
2015/07/28 PHP
PHP中empty,isset,is_null用法和区别
2017/02/19 PHP
Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例
2017/09/20 PHP
PHP实现通过strace定位故障原因的方法
2018/04/29 PHP
JQuery 入门实例1
2009/06/25 Javascript
javascript 函数调用的对象和方法
2010/07/01 Javascript
js简单实现根据身份证号码识别性别年龄生日
2013/11/29 Javascript
IE6-IE9中tbody的innerHTML不能赋值的解决方法
2014/09/26 Javascript
Jquery注册事件实现方法
2015/05/18 Javascript
原生JS和jQuery版实现文件上传功能
2016/04/18 Javascript
改变checkbox默认选中状态及取值的实现代码
2016/05/26 Javascript
node通过npm写一个cli命令行工具
2017/10/12 Javascript
fullpage.js最后一屏滚动方式
2018/02/06 Javascript
vue引入js数字小键盘的实现代码
2018/05/14 Javascript
亲自动手实现vue日历控件
2019/06/26 Javascript
[01:07:15]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第二场 1月25日
2021/03/11 DOTA
python实现根据用户输入从电影网站获取影片信息的方法
2015/04/07 Python
Python虚拟环境项目实例
2017/11/20 Python
python绘制热力图heatmap
2020/03/23 Python
pycharm运行和调试不显示结果的解决方法
2018/11/30 Python
Python修改文件往指定行插入内容的实例
2019/01/30 Python
pyhanlp安装介绍和简单应用
2019/02/22 Python
python 实现关联规则算法Apriori的示例
2020/09/30 Python
python使用yaml 管理selenium元素的示例
2020/12/01 Python
浅谈盘点5种基于Python生成的个性化语音方法
2021/02/05 Python
英国PC组件和在线电脑商店:SCAN
2019/04/18 全球购物
戴尔新西兰官网:Dell New Zealand
2020/01/07 全球购物
业务主管岗位职责
2013/11/20 职场文书
2014年领导班子专项整治整改方案
2014/09/28 职场文书
2016年综治宣传月活动宣传标语口号
2016/03/16 职场文书
导游词之珠海轮廓
2019/10/25 职场文书
MySQL修炼之联结与集合浅析
2021/10/05 MySQL