jQuery.unique()
分类:实用工具
返回: Array
jQuery.unique( array )
描述:对一个DOM元素的数组进行排序,根据它们的位置排序,并删除重复的项。注意这只对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>
演示结果