编程 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 相关文章推荐

JQuery 简便实现页面元素数据验证功能

Mar 24 Javascript

验证用户是否修改过页面的数据的实现方法

Sep 26 Javascript

jquery 1.3.2 IE8中的一点点的小问题解决方法

Jul 10 Javascript

为什么要在引入的css或者js文件后面加参数的详细讲解

May 03 Javascript

鼠标经过子元素触发mouseout，mouseover事件的解决方案

Jul 26 Javascript

不得不分享的JavaScript常用方法函数集（上）

Dec 23 Javascript

在网页中插入百度地图的步骤详解

Dec 02 Javascript

JavaScript中正则表达式判断匹配规则及常用方法

Aug 03 Javascript

js编写简单的聊天室功能

Aug 17 Javascript

vue.js层叠轮播效果的实例代码

Nov 08 Javascript

原生js添加一个或多个类名的方法分析

Jul 30 Javascript

javascript中正则表达式语法详解

Aug 07 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

URL Rewrite的设置方法

2007/01/02 PHP

php中数字0和空值的区别分析

2014/06/05 PHP

如何让thinkphp在模型中自动完成session赋值小教程

2014/09/05 PHP

Linux系统中设置多版本PHP共存配合Nginx服务器使用

2015/12/21 PHP

php源码的安装方法和实例

2019/09/26 PHP

laravel-admin自动生成模块,及相关基础配置方法

2019/10/08 PHP

使用JS操作页面表格，元素的一些技巧

2007/02/02 Javascript

JS类定义原型方法的两种实现的区别评论很多

2007/09/12 Javascript

3Z版基于jquery的图片复选框(asp.net+jquery)

2010/04/12 Javascript

jQuery自定义事件的简单实现代码

2014/01/27 Javascript

angularJS结合canvas画图例子

2015/02/09 Javascript

javascript cookie的简单应用

2016/02/24 Javascript

javascript中不易分清的slice,splice和split三个函数

2016/03/29 Javascript

jquery操作select取值赋值与设置选中实例

2017/02/28 Javascript

vue中实现在外部调用methods的方法(推荐)

2018/02/08 Javascript

Angularjs之如何在跨域请求中传输Cookie的方法

2018/06/01 Javascript

webpack4 升级迁移的实现

2018/09/12 Javascript

微信小程序绘制半圆（弧形）进度条

2020/11/18 Javascript

[09:59]DOTA2-DPC中国联赛2月7日Recap集锦

2021/03/11 DOTA

Python的Django框架中的数据库配置指南

2015/07/17 Python

Python中subprocess的简单使用示例

2015/07/28 Python

Windows下的Jupyter Notebook 安装与自定义启动(图文详解)

2018/02/21 Python

python遍历一个目录,输出所有的文件名的实例

2018/04/23 Python

Python数据结构之图的应用示例

2018/05/11 Python

在matplotlib的图中设置中文标签的方法

2018/12/13 Python

Python tkinter实现图片标注功能(完整代码)

2019/12/08 Python

内部类的定义、种类以及优点

2013/10/16 面试题

优秀实习自我鉴定

2013/12/04 职场文书

参观考察邀请函范文

2014/01/29 职场文书

大学生优秀团员事迹材料

2014/01/30 职场文书

七匹狼男装广告词

2014/03/21 职场文书

教师自我剖析材料范文

2014/09/30 职场文书

暑期工社会实践报告

2015/07/13 职场文书

超市员工管理制度

2015/08/06 职场文书

weblogic服务建立数据源连接测试更新mysql驱动包的问题及解决方法

2022/01/22 MySQL

JavaScript前端面试扁平数据转tree与tree数据扁平化

2022/06/14 Javascript