jquery tag便签去重代码

发布时间:2020-03-04编辑:脚本学堂
有关jquery tag便签去重的方法,在页面中显示tags标签,如何去除重复记录是个问题,可以参考本例加以解决。

jquery实现tag便签去重的方法

1、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>

2、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(" "));  //再将字符串组合
}