编程 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面向对象的实现方法小结

Apr 14 Javascript

jQuery实现可用于博客的动态滑动菜单完整实例

Sep 17 Javascript

jquery UI Datepicker时间控件的使用方法（基础版）

Nov 07 Javascript

js如何改变文章的字体大小

Jan 08 Javascript

JavaScript实现横线提示输入验证码随输入验证码输入消失的方法

Sep 24 Javascript

JSON与String互转的实现方法(Javascript)

Sep 27 Javascript

通过sails和阿里大于实现短信验证

Jan 04 Javascript

详解Node.js实现301、302重定向服务

Apr 07 Javascript

基于openlayers4实现点的扩散效果

Aug 17 Javascript

element-ui upload组件多文件上传的示例代码

Oct 17 Javascript

JS实现网站吸顶条

Jan 08 Javascript

React如何使用axios请求数据并把数据渲染到组件

Aug 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