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 相关文章推荐
ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)
Jan 13 Javascript
jQuery封装的获取Url中的Get参数示例
Nov 26 Javascript
jQuery之DOM对象和jQuery对象的转换与区别分析
Jan 08 Javascript
Javascript对象字面量的理解
Jun 22 Javascript
相册展示PhotoSwipe.js插件实现
Aug 25 Javascript
AngularJS自定义控件实例详解
Dec 13 Javascript
详解如何用模块化的方式写vuejs
Dec 16 Javascript
node内置调试方法总结
Feb 22 Javascript
手把手教你vue-cli单页到多页应用的方法
May 31 Javascript
小程序云开发实战小结
Oct 25 Javascript
详解Angular cli配置过程记录
Nov 07 Javascript
Vue-cli3多页面配置详解
Mar 22 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
用mysql内存表来代替php session的类
2009/02/01 PHP
php入门之连接mysql数据库的一个类
2012/04/21 PHP
PHP实现ftp上传文件示例
2014/08/21 PHP
Yii不依赖Model的表单生成器用法实例
2014/12/04 PHP
Zend Framework实现将session存储在memcache中的方法
2016/03/22 PHP
php获取网站根目录物理路径的几种方法(推荐)
2017/03/04 PHP
JavaScript基础知识之数据类型
2012/08/06 Javascript
js防止表单重复提交的两种方法
2013/09/30 Javascript
JQ获取动态加载的图片大小的正确方法分享
2013/11/08 Javascript
基于JS实现导航条之调用网页助手小精灵的方法
2016/06/17 Javascript
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
2017/03/24 jQuery
详解Node.js中path模块的resolve()和join()方法的区别
2018/10/29 Javascript
浅析JavaScript异步代码优化
2019/03/18 Javascript
教你使用vue-cli快速构建的小说阅读器
2019/05/13 Javascript
JavaScript实现轮播图特效
2020/04/10 Javascript
浅谈使用nodejs搭建web服务器的过程
2020/07/20 NodeJs
[06:30]DOTA2英雄梦之声_第15期_死亡先知
2014/06/21 DOTA
Python与Redis的连接教程
2015/04/22 Python
将Python的Django框架与认证系统整合的方法
2015/07/24 Python
Linux中Python 环境软件包安装步骤
2016/03/31 Python
深入了解Python数据类型之列表
2016/06/24 Python
Python中正则表达式详解
2017/05/17 Python
Python对列表中的各项进行关联详解
2017/08/15 Python
Python中pip更新和三方插件安装说明
2018/07/08 Python
python3 实现一行输入,空格隔开的示例
2018/11/14 Python
Python利用神经网络解决非线性回归问题实例详解
2019/07/19 Python
Python使用微信itchat接口实现查看自己微信的信息功能详解
2019/08/22 Python
python 成功引入包但无法正常调用的解决
2020/03/09 Python
Python3爬虫中Selenium的用法详解
2020/07/10 Python
初三新学期计划书
2014/05/03 职场文书
保护环境演讲稿
2014/05/10 职场文书
党支部组织生活会整改方案
2014/09/30 职场文书
欢迎词怎么写
2015/01/23 职场文书
银行实习推荐信
2015/03/27 职场文书
小学六一儿童节活动总结
2015/05/05 职场文书
余世维讲座观后感
2015/06/11 职场文书