使用jQuery实现tag便签去重效果

摘要:
话不多说直接看代码jsp页面的核心代码//jquery引用代码

话不多说直接看代码

jsp页面的核心代码

<head>

<script type="text/javascript" src="http://t.zoukankan.com/js/jQuery.js"></script> //jquery引用代码
<script type="text/javascript" src="http://t.zoukankan.com/js/delRepeat.js"></script>//实现去重的js代码

</head>

<body>

<input 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实现tag便签去重效果》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Asp.net Web.Config 配置元素 caching[原]零基础学习SDL开发之在Android使用SDL2.0渲染PNG图片下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

jQuery——样式与动画

通过jQuery,不仅能够轻松地为页面操作添加简单的视觉效果,甚至能创建更精致的动画。 ###修改内联CSSjQuery提供了.css()方法。 这个方法集getter(获取方法)和setter(设置方法)于一身。为取得某个样式属性的值,可以为这个方法传递一个字符串形式的属性名,然后同样得到一个字符串形式的属性值。要取得多个样式属性的值,可以传入属性名的...

jQuery(一)

一、什么是 jQuery jQuery 是 js 的一个库,封装了我们开发过程中常用的一些功能,方便我们调用,提高开发效率。 js库是把我们常用的功能放到一个单独的文件中,我们用的时候,直接引用到页面里即可。 关于jQuery的相关资料: 官网:http://jquery.com/ 官网API文档:http://api.jquery.com/ 汉化API...

Jquery学习笔记(7)--京东导航菜单

主要是几个模块的浮动和定位不好处理,另外还缺少右侧导航,及幻灯片。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title>...

jquery validate 详解一

jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一导入js库 <script src="http://t.zoukankan.com/js/jquery.js" type="text/javascript"></script>&...

Jquery中用offset().top和offsetTop的比较

今天,想测试一个div与顶部的距离,用的是.offsetTop,但是offsetTop获得的值,怎么都打印不出来。折腾了半天,打印的结果都是undefined,虽然网上很多资料都说返回的是数值。虽然这个函数永不了,但是黄显钦找到了一个可以替代offsetTop的函数。那就是jquery的offset().top   我们先来了解一下,什么是offset(...

Jquery计算时间戳之间的差值,可返回年,月,日,小时等

/** * 计算时间戳之间的差值 * @param startTime 开始时间戳 * @param endTime 结束时间戳 * @param type 返回指定类型差值(year, month, day, hour, minute, second) */ function DateDiff(startTime, endTime,...