手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery实现tag便签去重效果的方法
jQuery实现tag便签去重效果的方法
摘要:本文实例讲述了jQuery实现tag便签去重效果的方法。分享给大家供大家参考。具体实现方法如下:html代码如下:复制代码代码如下:delR...

本文实例讲述了jQuery实现tag便签去重效果的方法。分享给大家供大家参考。具体实现方法如下:

html代码如下:

复制代码 代码如下:<head>

<script type="text/javascript" src="js/jQuery.js"></script> <>

<script type="text/javascript" src="js/delRepeat.js"></script> <>

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

}

希望本文所述对大家的jQuery程序设计有所帮助。

【jQuery实现tag便签去重效果的方法】相关文章:

jquery实现弹出层效果实例

jquery实现点击label的同时触发文本框点击事件的方法

jQuery插件Slider Revolution实现响应动画滑动图片切换效果

jQuery插件expander实现图片翻转特效

JQuery使用index方法获取Jquery对象数组下标的方法

JS实现兼容各浏览器解析XML文档数据的方法

js实现一个链接打开两个链接地址的方法

javascript实现查找数组中最大值方法汇总

jQuery实现转动随机数抽奖效果的方法

jQuery插件pagewalkthrough实现引导页效果

精品推荐
分类导航