文章来源于网络收集而来，版权归原创者所有，如有侵权请及时联系！

jQuery.unique()

发布于 2017-09-11 17:03:03 字数 1560 浏览 1228 评论 0 收藏 0

所属分类：工具类

jQuery.unique( array )返回: Array

描述: 删除数组中重复元素。只处理删除DOM元素数组，而不能处理字符串或者数字数组。

添加的版本: 1.1.3jQuery.unique( array )
- array 类型: Array DOM元素的数组。

$.unique()函数通过搜索的数组对象，排序数组，并移除任何重复的节点。如果一个节点和已经在数组中的节点完全相同，那么它被认为是重复的; 两个不同的节点具有相同的属性是被认为不重复的。此功能只适用于普通的JavaScript DOM元素的数组，主要是jQuery内部使用。你可能永远都不需要使用它。

在jQuery 1.4中结果将始终按它们在文档顺序返回。

例子:

从数组中删除任何重复的div元素。

<!DOCTYPE html>
<html>
<head>
  <style>
  div { color:blue; }
  </style>
  <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
</head>
<body>
  <div>There are 6 divs in this document.</div>
  <div></div>
  <div class="dup"></div>
  <div class="dup"></div>
 
  <div class="dup"></div>
  <div></div>
<script>
 
  var divs = $("div").get(); // unique() must take a native array
 
  // add 3 elements of class dup too (they are divs)
  divs = divs.concat($(".dup").get());
  $("div:eq(1)").text("Pre-unique there are " + divs.length + " elements.");
 
  divs = jQuery.unique(divs);
  $("div:eq(2)").text("Post-unique there are " + divs.length + " elements.")    .css("color", "red");
</script>
 
</body>
</html>

分享到QQ

分享到微博