jQuery实现tag便签去重效果的方法_Javascript教程-查字典教程网
jQuery实现tag便签去重效果的方法
jQuery实现tag便签去重效果的方法
发布时间:2016-12-30 来源:查字典编辑
摘要:本文实例讲述了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程序设计有所帮助。

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类