编程 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开发规范要求(规范化代码)

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