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 学习笔记(一)DOM基本操作
Apr 08 Javascript
让浏览器非阻塞加载javascript的几种方法小结
Apr 25 Javascript
表单类各种类型(文本框)失去焦点效果jquery代码
Apr 26 Javascript
Flash图片上传组件 swfupload使用指南
Mar 14 Javascript
js实现模拟计算器退格键删除文字效果的方法
May 07 Javascript
基于JavaScript怎么实现让歌词滚动播放
Nov 03 Javascript
详解JavaScript逻辑Not运算符
Dec 04 Javascript
JavaScript+html5 canvas实现本地截图教程
Apr 16 Javascript
图片懒加载imgLazyLoading.js使用详解
Sep 15 Javascript
vue2.0 + element UI 中 el-table 数据导出Excel的方法
Mar 02 Javascript
详解Vue结合后台的列表增删改案例
Aug 21 Javascript
Javascript中的this,bind和that使用实例
Dec 05 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
星际中一些鲜为人知的详细资料
2020/03/04 星际争霸
PHP调用三种数据库的方法(1)
2006/10/09 PHP
php封装的单文件(图片)上传类完整实例
2016/10/18 PHP
phpStudy2016 配置多个域名期间遇到的问题小结
2017/10/19 PHP
JavaScript设置FieldSet展开与收缩
2009/05/15 Javascript
JavaScript Memoization 让函数也有记忆功能
2011/10/27 Javascript
jquery无缝向上滚动实现代码
2013/03/29 Javascript
jquery设置按钮停顿3秒不可用
2014/03/07 Javascript
深入理解angularjs过滤器
2016/05/25 Javascript
微信小程序之ES6与事项助手的功能实现
2016/11/30 Javascript
关于JS Lodop打印插件打印Bootstrap样式错乱问题的解决方案
2016/12/23 Javascript
简单的渐变轮播插件
2017/01/12 Javascript
node.js中cluster的使用教程
2017/06/09 Javascript
详解webpack2+React 实例demo
2017/09/11 Javascript
微信小程序上传图片到服务器实例代码
2017/11/07 Javascript
工作中常用到的ES6语法
2018/09/04 Javascript
详细分析vue响应式原理
2020/06/22 Javascript
Python脚本在Appium库上对移动应用实现自动化测试
2015/04/17 Python
Python和Java进行DES加密和解密的实例
2018/01/09 Python
Python实现的远程登录windows系统功能示例
2018/06/21 Python
Python3.5实现的三级菜单功能示例
2019/03/25 Python
jupyter notebook 中输出pyecharts图实例
2020/04/23 Python
利用python开发app实战的方法
2019/07/09 Python
Python使用matplotlib绘制三维参数曲线操作示例
2019/09/10 Python
调整Jupyter notebook的启动目录操作
2020/04/10 Python
OpenCV 表盘指针自动读数的示例代码
2020/04/10 Python
python产生模拟数据faker库的使用详解
2020/11/04 Python
matplotlib更改窗口图标的方法示例
2021/02/03 Python
Pyside2中嵌入Matplotlib的绘图的实现
2021/02/22 Python
Finishline官网:美国一家领先的运动品牌鞋类、服装零售商
2016/07/20 全球购物
美国智能家居专家:tink
2019/06/04 全球购物
毕业生学校推荐信范文
2014/05/21 职场文书
先进党支部事迹材料
2014/12/24 职场文书
2015年推普周活动总结
2015/03/27 职场文书
2015年行政部工作总结
2015/04/28 职场文书
创业计划书之酒厂
2019/10/14 职场文书