欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

jQuery实现tag便签去重效果的方法教程

程序员文章站 2023-03-29 14:42:30
本文实例讲述了jquery实现tag便签去重效果的方法。分享给大家供大家参考。具体实现方法如下: html代码如下: 代码如下:

本文实例讲述了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(" "));  //再将字符串组合
}