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>
演示结果