编程 Javascript

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程序设计有所帮助。

jQuery实现tag便签去重效果的方法

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript 对Cookie 操作的封装小结

Dec 31 Javascript

jQuery MD5加密实现代码

Mar 15 Javascript

javascript对数组的常用操作代码数组方法总汇

Jan 27 Javascript

40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三

Jan 03 Javascript

用javascript模仿ie的自动完成类似自动完成功的表单

Dec 12 Javascript

jQuery中用dom操作替代正则表达式

Dec 29 Javascript

JavaScript函数的一些注意要点小结及js匿名函数

Nov 10 Javascript

Bootstrap每天必学之工具提示（Tooltip）插件

Apr 26 Javascript

jQuery和hwSlider实现内容响应式可触控滑动切换效果附源码下载（二）

Jun 22 Javascript

vue实现app页面切换动画效果实例

May 23 Javascript

JavaScript检测浏览器是否支持CSS变量代码实例

Apr 03 Javascript

jQuery弹框插件使用方法详解

May 26 jQuery

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/04/18 PHP

PHP 常用函数库和一些实用小技巧

2009/01/01 PHP

PHP 中文乱码解决办法总结分析

2009/07/30 PHP

PHP与MYSQL中UTF8编码的中文排序实例

2014/10/21 PHP

PHP实现活动人选抽奖功能

2017/04/19 PHP

php readfile()修改文件上传大小设置

2017/08/11 PHP

PHP实现单条sql执行多个数据的insert语句方法

2019/10/11 PHP

ext for eclipse插件安装方法

2008/04/27 Javascript

jQuery toggle()设置CSS样式

2009/11/05 Javascript

jquery对dom的操作常用方法整理

2013/06/25 Javascript

seaJs的模块定义和模块加载浅析

2014/06/06 Javascript

详解参数传递四种形式

2015/07/21 Javascript

js实现浏览器倒计时跳转页面效果

2016/08/12 Javascript

JS公共小方法之判断对象是否为domElement的实例

2016/11/25 Javascript

jQuery+HTML5实现弹出创意搜索框层

2016/12/29 Javascript

Webpack+Vue如何导入Jquery和Jquery的第三方插件

2017/02/20 Javascript

简单实现js拖拽效果

2017/07/25 Javascript

Nodejs+express+ejs简单使用实例代码

2017/09/18 NodeJs

解决vue动态为数据添加新属性遇到的问题

2018/09/18 Javascript

Vue.js 时间转换代码及时间戳转时间字符串

2018/10/16 Javascript

JavaScript中的this原理及6种常见使用场景详解

2020/02/14 Javascript

学习python的几条建议分享

2013/02/10 Python

python定向爬取淘宝商品价格

2018/02/27 Python

python 判断网络连通的实现方法

2018/04/22 Python

对Python生成器、装饰器、递归的使用详解

2019/07/19 Python

html5组织内容_动力节点Java学院整理

2017/07/10 HTML / CSS

英国最大的邮寄种子和植物公司：Thompson & Morgan

2017/09/21 全球购物

牵手50新加坡：专为黄金岁月的单身人士而设的交友网站

2020/08/16 全球购物

System.Array.CopyTo()和System.Array.Clone()有什么区别

2016/06/20 面试题

大学军训通讯稿

2014/01/13 职场文书

企业口号大全

2014/06/12 职场文书

2014年高数考试作弊检讨书

2014/12/14 职场文书

致地震灾区的慰问信

2015/03/23 职场文书

2016年春节问候语

2015/11/11 职场文书

解决mysql的int型主键自增问题

2021/07/15 MySQL

Win11安全功能升级：内置防网络钓鱼功能

2022/04/08 数码科技