当前位置： 移动技术网 > IT编程>开发语言>JavaScript > jQuery实现tag便签去重效果的方法教程

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

2019年03月31日  | 移动技术网IT编程  | 我要评论

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网