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

话不多说直接看代码

jsp页面的核心代码

<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>

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

}

搞定!

时间: 2024-10-07 01:12:13

使用jQuery实现tag便签去重效果的相关文章

js便签笔记(9)——解读jquery源码时记录的一些知识点

近来一直利用业余时间在看jquery2.1.1源码,大约看了两千行了.平时看的时候,做了一些笔记,贴出来分享. 1. Array.prototype.slice.call 可以将伪数组转化为真正的数组 其实,这里所谓的"伪数组"就是有length属性,并且有"0"."1"."2"等这些属性的对象,如下代码: var obj = { 0: "A", 1: "B", 2: "C&q

jquery tag页签切换

? $(document).ready(function () {     var tag=$(".tags");     tag.mouseover(function(){         $(this).addClass("tagOn").siblings().removeClass("tagOn");         var index =  tag.index(this);         $("#tagsBody")

在ASP.NET程序中用程序动态向&lt;head&gt;便签里添加&lt;meta&gt;标签

在使用ASP.NET框架开发: 若要在Html网页中加入<meta>设置,但想通过程序动态加入: 1.如果是ASP.NET4.0以前版本: 使用HtmlMeta类加入<meta>设置: //首先我们应该创立HtmlMeta类实体(命名空间:System.Web.UI.HtmlControls) HtmlMeta meta1=new HtmlMeta(); meta1.Name="keyword"; meta1.Content="ASP.NET,jQue

一个简易的便签工具:探索窗体之间传值和传引用的方法

简单的便签工具:实现了基于文本的便签信息的浏览,删除,添加.可以查看时间,实时更新数据. 这个便签工具完全基于面向对象的编程方式,首先定义Note类,然后使用NoteManager类进行便签的管理.其中的关键就是在NoteManager类中定义list<Note>泛型集合.原理上和ArrayList基本是一致的. NoteManager的工作原理: public List<Note> list;//定义一个泛型集合,并在构造函数中初始化. private int CurrentIn

android widget 开发实例 : 桌面便签程序的实现具体解释和源代码 (上)

如有错漏请不吝拍砖指正,转载请注明出处,很感谢 桌面便签软件是android上经常使用软件的一种,比方比較早的Sticky Note,就曾很流行, Sticky Note的介绍能够參见 http://www.tompda.com/c/article/11778/ 而实际上使用android平台对widget开发的支持,桌面便签类软件是很易于开发的. 本文通过逐步实现一个简单的桌面便签软件,和大家分享进行widget开发的过程和方法. 1.MyNote的终于实现效果 为了提起大家阅读本文的兴趣,先

小米开源便签Notes-源码研究(2)-定时提醒的便签

本篇讲述小米便签中的定时提醒功能.  便签,可以理解为一件事情,一项任务,有个定时提醒的功能,还是蛮不错的~    小米便签定时功能,是当编辑便签的时候,有个菜单项,选了之后,就弹出一个"日期对话框",选择了日期,就设置了定时功能. 下面讲解技术实现的整体思路(很多地方我也不懂,不懂的就搜索):    AndroidManifest.xml配置 <receiver android:name=".ui.AlarmInitReceiver" > <in

小米开源便签Notes-源码研究(0)-整体功能介绍(图文并茂)

本周对小米开源文件管理器,做了整体的研究,大致弄清了源码的来龙去脉,剩下的就是重点研究几个活动的流程了. 讲解Android应用这种可视化的程序,感觉还是有图比较好,不然功能界面都不清楚,自己不好介绍,读者也摸不着头脑.    从今天开始,小雷哥哥要开始研究,小米开源便签Notes了.    这次要改进一下模式:不但要整体介绍功能,还要对着图,图文并茂介绍,才清清楚楚~    为此,我手机逐个截图,然后保存到电脑,然后再上传~    为了保证文章的效果,也真是不嫌麻烦~    1.应用入口   

锤子便签V2.5产品体验报告

前言 笔者对互联网产品很感兴趣,但属小白玩家.如果各位前辈有兴致请看一下,恭候指教. 体验环境 体验产品:锤子便签 体验版本:V2.5 体验终端:华为荣耀3X畅玩版 手机系统:Android4.2.2 体验日期:2015.09.02 产品概览 锤子便签是一款工具类App,可以让用户在便签中输入文字以及加载图片,文字部分支持Markdown语言,编辑完成之后支持用户以文字或者图片或者网页的形式,通过社交工具或者即时通讯工具分享出去. 产品定位         产品解读 为有些文艺气息,喜欢图文混编

Android Widget 开发实例:桌面便签程序的实现详解和源码

桌面便签软件是Android上常用软件的一种,比如比较早的Sticky Note,就曾非常流行,而实际上使用android平台对widget开发的支持,桌面便签类软件是非常易于开发的. 本文通过逐步实现一个简单的桌面便签软件,和大家分享进行widget开发的过程和方法. 同时本程序提供完整的工程源码下载 免费下载地址在 http://linux.linuxidc.com/ 用户名与密码都是www.linuxidc.com 具体下载目录在 /pub/Android源码集锦/2011年/10月/An