编程 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 30 Javascript

js实现幻灯片效果(基于jquery插件)

Nov 05 Javascript

js实现网页倒计时、网站已运行时间功能的代码3例

Apr 14 Javascript

EasyUI实现二级页面的内容勾选的方法

Mar 01 Javascript

jQuery实现区域打印功能代码详解

Jun 17 Javascript

JavaScript中最容易混淆的作用域、提升、闭包知识详解(推荐)

Sep 05 Javascript

JS正则获取HTML元素的方法

Mar 31 Javascript

bootstrap+jQuery实现的动态进度条功能示例

May 25 jQuery

VUE引入第三方js包及调用方法讲解

Mar 01 Javascript

vue实现按需加载组件及异步组件功能

May 27 Javascript

基于Vue的侧边目录组件的实现

Feb 05 Javascript

openlayers实现地图测距测面

Sep 25 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.ini中文版(2)

2006/10/09 PHP

?繁体转换的class

2006/10/09 PHP

discuz7 phpMysql操作类

2009/06/21 PHP

php预定义变量使用帮助（带实例）

2013/10/30 PHP

PHP文字转图片功能原理与实现方法分析

2017/08/31 PHP

JQuery操作表格(隔行着色,高亮显示,筛选数据)

2012/02/23 Javascript

javascript仿qq界面的折叠菜单实现代码

2012/12/12 Javascript

Jquery的each里用return true或false代替break或continue

2014/05/21 Javascript

Javascript验证用户输入URL地址是否为空及格式是否正确

2014/10/09 Javascript

使用微信内置浏览器点击下拉框出现页面乱跳转现象（iphone），该怎么办

2016/01/04 Javascript

js右下角弹出提示框示例代码

2016/01/12 Javascript

JavaScript判断DIV内容是否为空的方法

2016/01/29 Javascript

浅谈js内置对象Math的属性和方法(推荐)

2016/09/19 Javascript

使用grunt合并压缩js和css文件的方法

2017/03/02 Javascript

vue.js 1.x与2.0中js实时监听input值的变化

2017/03/15 Javascript

AngularJS折叠菜单实现方法示例

2017/05/18 Javascript

基于vue实现分页效果

2017/11/06 Javascript

Vue+Jwt+SpringBoot+Ldap完成登录认证的示例代码

2018/05/21 Javascript

javascript中如何判断类型汇总

2019/05/14 Javascript

Vue实现图书管理案例

2021/01/20 Vue.js

Python使用cx_Freeze库生成msi格式安装文件的方法

2018/07/10 Python

python 字典修改键(key)的几种方法

2018/08/10 Python

PyTorch中 tensor.detach() 和 tensor.data 的区别详解

2020/01/06 Python

Python内置异常类型全面汇总

2020/05/28 Python

面向新手解析python Beautiful Soup基本用法

2020/07/11 Python

Python+MySQL随机试卷及答案生成程序的示例代码

2021/02/01 Python

canvas实现图片马赛克的示例代码

2018/03/26 HTML / CSS

HTML5 Canvas鼠标与键盘事件demo示例

2013/07/04 HTML / CSS

localStorage、sessionStorage使用总结

2017/11/17 HTML / CSS

具有防紫外线功能的高性能钓鱼服装：Hook＆Tackle

2018/08/16 全球购物

opencv实现图像几何变换

2021/03/24 Python

节能减排倡议书

2014/04/15 职场文书

购房协议书范本（无房产证）

2014/10/07 职场文书

Golang jwt身份认证

2022/04/20 Golang

tomcat正常启动但网页却无法访问的几种解决方法

2022/05/06 Servers

Navicat Premium自定义 sql 标签的创建方式

2022/09/23 数据库