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中几个重要的属性(this、constructor、prototype)介绍
May 19 Javascript
使用js的replace()方法查找字符示例代码
Oct 28 Javascript
ext前台接收action传过来的json数据示例
Jun 17 Javascript
innerHTML在IE中报错解决方案
Dec 15 Javascript
jQuery中trigger()方法用法实例
Jan 19 Javascript
jQuery实现分章节锚点“回到顶部”动画特效代码
Oct 23 Javascript
javascript实现的登陆遮罩效果汇总
Nov 09 Javascript
原生javascript实现解析XML文档与字符串
Mar 01 Javascript
纯原生js实现table表格的增删
Jan 05 Javascript
详解Node全局变量global模块
Sep 28 Javascript
详解Vue+ElementUI从零开始搭建自己的网站(一、环境搭建)
Apr 30 Javascript
js之切换全屏和退出全屏实现代码实例
Sep 09 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的论坛(6)
2006/10/09 PHP
CodeIgniter输出中文乱码的两种解决办法
2014/06/12 PHP
为你总结一些php信息函数
2015/10/21 PHP
PHP-CGI远程代码执行漏洞分析与防范
2017/05/07 PHP
Jquery 获取指定标签的对象及属性的设置与移除
2014/05/29 Javascript
Enter回车切换输入焦点实现思路与代码兼容各大浏览器
2014/09/01 Javascript
Ajax局部更新导致JS事件重复触发问题的解决方法
2014/10/14 Javascript
JS中prototype的用法实例分析
2015/03/19 Javascript
Javascript中使用parseInt函数需要注意的问题
2015/04/02 Javascript
jq给页面添加覆盖层遮罩的实例
2017/02/16 Javascript
EsLint入门学习教程
2017/02/17 Javascript
JS实现点击Radio动态更新table数据
2017/07/18 Javascript
jquery实现Ajax请求的几种常见方式总结
2019/05/28 jQuery
JQuery实现简单的复选框树形结构图示例【附源码下载】
2019/07/16 jQuery
vue实现循环滚动列表
2020/06/30 Javascript
[02:40]DOTA2超级联赛专访430 从小就爱玩对抗性游戏
2013/06/18 DOTA
Python编程之黑板上排列组合,你舍得解开吗
2017/10/30 Python
Linux下python与C++使用dlib实现人脸检测
2018/06/29 Python
Python基于分析Ajax请求实现抓取今日头条街拍图集功能示例
2018/07/19 Python
python如果快速判断数字奇数偶数
2019/11/13 Python
Python tkinter 下拉日历控件代码
2020/03/04 Python
解决Pycharm 中遇到Unresolved reference 'sklearn'的问题
2020/07/13 Python
python如何快速拼接字符串
2020/10/28 Python
jupyter notebook快速入门及使用详解
2020/11/13 Python
Html5踩坑记之mandMobile使用小记
2020/04/02 HTML / CSS
美国领先的医疗警报服务:Philips Lifeline
2018/03/12 全球购物
Spotahome意大利:公寓和房间出租
2020/02/21 全球购物
linux面试题参考答案(3)
2012/09/13 面试题
我的求职择业计划书
2014/04/04 职场文书
服装设计专业毕业生求职信
2014/04/09 职场文书
和谐社区口号
2014/06/19 职场文书
对外汉语教师推荐信
2015/03/27 职场文书
学校学期工作总结
2015/08/13 职场文书
Java基础之this关键字的使用
2021/06/30 Java/Android
使用GO语言实现Mysql数据库CURD的简单示例
2021/08/07 Golang
深入理解 Golang 的字符串
2022/05/04 Golang