jQuery实现tag便签去重效果的方法教程
程序员文章站
2022-05-24 19:24:36
本文实例讲述了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(" ")); //再将字符串组合
}