手机
当前位置:查字典教程网 >编程开发 >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实现转动随机数抽奖效果的方法

jQuery实现文本展开收缩特效

js+HTML5实现canvas多种颜色渐变效果的方法

Jquery动态添加输入框的方法

JavaScript实现鼠标滑过处生成气泡的方法

jQuery实现返回顶部效果的方法

js实现div层缓慢收缩与展开的方法

javascript实现可全选、反选及删除表格的方法

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

精品推荐
分类导航