jQuery实现tag便签去重效果的方法
作者:bea
本文实例讲述了jQuery实现tag便签去重效果的方法。分享给大家供大家参考。具体实现方法如下: html代码如下: 代码如下: <head> <script type="text/javascript" src="js/jQuery.js"></script> <!--jquery引用代码--> <script type="text/javascript" src="js/delRepeat.js"><
本文实例讲述了jQuery实现tag便签去重效果的方法。分享给大家供大家参考。具体实现方法如下:
html代码如下:
代码如下:
<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(" ")); //再将字符串组合 }
希望本文所述对大家的jQuery程序设计有所帮助。
有用 | 无用
html代码如下:
代码如下:
<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(" ")); //再将字符串组合 }
希望本文所述对大家的jQuery程序设计有所帮助。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- 浅谈javascript 归并方法
- JS获取时间的方法
- javascript中数组的定义及使用实例
- html的DOM中document对象anchors集合用法实例
- javascript 获取浏览器版本
- javascript 实现 原路返回
- html的DOM中document对象forms集合用法实例
- 浅谈javascript 函数内部属性
- 浅谈javascript 函数属性和方法
- html的DOM中document对象images集合用法实例
- 浅谈javascript面向对象程序设计
- html的DOM中Event对象onabort事件用法实例
- 封装好的一个万能检测表单的方法
- html的DOM中Event对象onblur事件用法实例
- JS简单计算器实例
- jQuery元素的隐藏与显示实例
- DOM基础教程之使用DOM设置文本框
- DOM基础教程之使用DOM控制表单
- DOM基础教程之使用DOM控制表格