手机
当前位置:查字典教程网 >编程开发 >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实现dialog设置focus焦点的方法

JavaScript基于setTimeout实现计数的方法

jQuery插件pagewalkthrough实现引导页效果

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

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

jQuery切换所有复选框选中状态的方法

JS实现屏蔽shift,Ctrl,alt等功能键的方法

jQuery预加载图片常用方法

JQuery+CSS实现图片上放置按钮的方法

精品推荐
分类导航