编程 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中的同名标识符优先级

Dec 06 Javascript

javascript 密码框防止用户粘贴和复制的实现代码

Feb 17 Javascript

跟我学习javascript的异步脚本加载

Nov 20 Javascript

将form表单通过ajax实现无刷新提交的简单实例

Oct 12 Javascript

bootstrap模态框跳转到当前模板页面框消失了而背景存在问题的解决方法

Nov 30 Javascript

JS字符串统计操作示例【遍历,截取,输出,计算】

Mar 27 Javascript

BootStrap Fileinput上传插件使用实例代码

Jul 28 Javascript

前端图片懒加载(lazyload)的实现方法(提高用户体验)

Aug 21 Javascript

vue 实现在函数中触发路由跳转的示例

Sep 01 Javascript

如何使用CSS3和JQuery easing 插件制作绚丽菜单

Jun 18 jQuery

js实现AI五子棋人机大战

May 28 Javascript

小程序实现点击tab切换左右滑动

Nov 16 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