jquery去除重复（如何使用jQuery实现合并/追加数组并去除重）

本文目录

• 如何使用jQuery实现合并/追加数组并去除重
• jquery 动态添加select 如何避免重复添加（去重）
• jquery 多个字符串去重
• jquery如何删除重复DIV，等高手
• 删除ul 标签下文本相同的li元素 如何用JQUERY实现
• jquery如何去除表中重复的数据

如何使用jQuery实现合并/追加数组并去除重

这次给大家带来如何使用jQuery实现合并/追加数组并去除重，使用jQuery实现合并/追加数组并去除重的注意事项有哪些，下面就是实战案例，一起来看一下。
***隐藏网址***
《head》
***隐藏网址***
《title》jQuery不重复地追加数组元素《/title》
《/head》
《body》
《script lanage="javaScript" src="jquery.js"》《/script》
《script lanage="javaScript"》
《!--
var arr=;
var arr2=;
for(i=0,len=arr2.length;i《len;i++){
if($.inArray(arr2,arr)《0){
arr.push(arr2);
}
}
console.log(arr);
--》
《/script》
《/body》
《/html》运行结果：
相信看了本文案例你已经掌握了方法，更多精彩请关注Gxl网其它相关文章！
推荐阅读：
如何开发一个自定义库
如何使用JS实现合并多个数组去重算

jquery 动态添加select 如何避免重复添加（去重）

1、确定当前需要添加元素的text以及对应的value
2、获取当前下拉框中所有的option元素数组optionArr，可以通过$(’#citySelect option’)获取元素集合。
3、遍历optionArr，判断需要添加的text或者value是否和optionArr相同，相同则不添加，没有重复则添加。
示例：
《select id=’citySelect’》
《option value=’beijing’》北京《/option》
《option value=’shanghai’》上海《/option》
《/select》
方法：
《script》
function addCity(value, text){
var optionArr = $(’#citySelect option’);
for(var i=0;i《optionArr.length;i++){
if(optionArr.value == value){
return false;
}
}
var addOption = "《option value=’" + value + "’》" + text + "《/option》";
$(’#citySelect’).append(addOption);
}
《/script》

jquery 多个字符串去重

方法1，用字符串截取substring()和字符位置查询indexOf()；
string.substring(start,end) 从string中截取一段字符串。
start:截取开始位置。
end：截取结束位置。
string.indexOf(findstr)，查找指定的字符串在string中的位置
findstr:要找的字符串
var str1="aaa@hotmail.com";//要截取@到.之间的内容
var str2=str1.substring(str1.indexOf("@")+1,str1.indexOf("."));
console.log(str2);
方法2，用正则表达式
匹配@
匹配.
.匹配任意字符
+匹配前面内容一次或多次
*匹配签名内容0次或多次
()中的内容可以被替换为$1,就是我们要找的部分
$1,$2,……可以匹配正则式中(),按顺序编号第一个括号为$1,第二个位$2,以此类推
var str1="aaa@hotmail.com";//要截取@到.之间的内容
var reg=new RegExp(’.*+.*’);
var str2=str1.replace(reg,"$1");
console.log(str2);

jquery如何删除重复DIV，等高手

jQuery remove() 方法删除被选元素及其子元素
jQuery empty() 方法删除被选元素的子元素
用这两个函数可以删除
下面是例子
《script type="text/javascript"》
$(function(){
$(’#test div’).remove();
//$(’#test div’).empty();
});
《/script》
实验代码
《div id="test"》
《div》div1《/div》
《div》div2《/div》
《div》div3《/div》
《p》p1《/p》
《/div》

删除ul 标签下文本相同的li元素 如何用JQUERY实现

思路：读取所有li元素的文本→剔除重复值→删除所有li元素→生成非重复的li元素。核心代码如下：

// 获取所有li元素
li = $("li").map(function() {
  return $(this).html();
}).get();
// 剔除重复值
$.unique(li);
// 删除之前的li元素
$("li").remove();
// 创建无重复的li元素
$.each(li, function(index, val) {
  $("ul").append(’《li》’+val+’《/li’)
});

实例演示如下：

1、创建Html元素

《div class="box"》
《span》实例演示：点击按钮剔除重复的列表项目《/span》《br》
《div class="content"》
《ul》
《li》刘备《/li》
《li》关羽《/li》
《li》刘备《/li》
《li》张飞《/li》
《li》关羽《/li》
《li》刘备《/li》
《/ul》
    《input type=’button’ value=’剔除’ /》
《/div》
《/div》

2、设置css样式

div.box{width:300px;padding:20px;margin:20px;border:4px dashed #ccc;}
div.box》span{color:#999;font-style:italic;}
div.content{width:250px;margin:10px 0;padding:20px;border:2px solid #ff6666;}
li{margin:5px;list-style: none;}
input{height:30px;margin:10px;padding:5px 10px;}

3、编写jquery代码

$(function(){
$("input").click(function() {
li = $(".content li").map(function() {
return $(this).html();
}).get();
$.unique(li);
$(".content li").remove();
$.each(li, function(index, val) {
$(".content ul").append(’《li》’+val+’《/li’)
});
});
});

4、观察效果

4.1 初始状态

4.2 点击“剔除”按钮之后效果

jquery如何去除表中重复的数据

无论jquery和原生js，去除重复数据都没有直接的方法。方法无非是下面两个：
第一、根据json数据字段的唯一性
var a = ,b={};
$.each(a,function(i,val){
if (b) a.splice（i,1）;
});
第二种方法，无非就是双循环，逐个判断老数组的元素与新数组的原始是不是一样。代码就不写了，也不太推荐