jQuery实现tag便签去重效果的方法
更新时间：2015年01月20日 16:01:00 投稿：shichen2014
这篇文章主要介绍了jQuery实现tag便签去重效果的方法,较为详细的分析了html页面及js代码的实现技巧,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了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>
<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 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显示和隐藏元素或设为只读(含Ligerui的控件禁用,实例说明介绍)
本篇文章是对Jquery中显示和隐藏元素或设为只读以及Ligerui的控件禁用实现代码进行了分析介绍，需要的朋友可以参考下2013-07-07
这篇文章主要介绍了jquery模拟进度条的方法,实例分析了jquery操作页面元素样式实现页面动态效果的方法,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
使用jquery.validate自定义方法实现"手机号码或者固话至少填写一个"的逻辑验证
这篇文章主要介绍了使用jquery.validate自定义方法实现"手机号码或者固定电话"的逻辑验证，解决了手机号码或者固定电话字至少填写一个的验证问题，分享给大家2014-09-09
jquery使用$(element).is()来判断获取的tagName
这篇文章主要介绍了jquery使用$(element).is()来判断获取的tagName以及将取到标签用作到别的地方,需要的朋友可以参考下2014-08-08
这篇文章主要介绍了JQuery显示隐藏DIV的方法及代码实例,本文讲解了载入时隐藏、动态隐藏和显示两部分内容,需要的朋友可以参考下2015-04-04
纯JAVASCRIPT图表动画插件Highcharts Examples
官方提供免费的下载包以及详细的文档说明，非常的值得收藏。2011-04-04
本文给大家分享一段基于jQuery简单实现的网页选项卡代码，非常简单实用，这里推荐给小伙伴们。2014-11-11
因公司需要做一个仿百度搜索框,并且带Value值的, 网上找了下只有Text, 都没带Value的 所以做了个,代码给予简单的注释，结构很清晰，很容易看懂，感兴趣的朋友可以了解下2013-01-01
这篇文章主要为大家详细介绍了jQuery实现小球点击发射动画，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-01-01
这篇文章主要介绍了jQuery匹配文档链接并添加class的方法,涉及jQuery元素匹配与样式操作的相关技巧,需要的朋友可以参考下2015-06-06
最新评论