jQuery.unique()| jqueryAPI 2.2 中文手册- AspRain.cn 致力于Web开发技术翻译整理

jQuery API 2.2.0

jQuery.unique()

分类:实用工具

返回: Array

jQuery.unique( array )

描述:对一个DOM元素的数组进行排序,根据它们的位置排序,并删除重复的项。注意这只对DOM元素的数组起作用,对字符串和数字都不起作用。

加入于: 1.1.3
jQuery.unique( array )
  • array
    类型:Array
    DOM元素的数组。

$.unique()搜索遍对象的数组,排序数组,然后删除所有重复的节点。如果一个节点是数组中已有的成员的完全相同的节点,它会被视为重复项;两个带有相同的元素属性的不同的节点不会被视为重复项。该函数只对DOM元素的纯JavaScript数组起作用,主要是在jQuery内部使用。你很有可能永远都不需要用到它。

自从jQuery 1.4,总是按它在document中的次序返回结果。

示例

从div的数组中删除所有的重复的元素。

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery.unique demo</title>
  <style>
  div {
    color: blue;
  }
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.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>
// unique() must take a native array
var divs = $( "div" ).get();
 
// 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>

演示结果

如果网页上不能运行示例,请点击http://www.asprain.cn/jQueryAPI/jquery.unique.htm查看示例。

如果你觉得本文档对你有用,欢迎给翻译作者支付宝打赏,支持翻译作者源源不断翻译更多有用的技术文档。