mirror of
https://github.com/Hopiu/jquery-mobile.git
synced 2026-03-17 14:30:28 +00:00
67 lines
No EOL
2.6 KiB
HTML
67 lines
No EOL
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang='en'><head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1"><meta http-equiv='content-type' content='text/html; charset=UTF-8' /></head><body>
|
|
<div data-role="page">
|
|
<div data-role="header">
|
|
<h1>jQuery.unique()</h1>
|
|
|
|
</div>
|
|
<div data-role="content" data-theme="c" id="jQuery.unique1">
|
|
<h2 class="jq-clearfix roundTop section-title">
|
|
<span class="name">jQuery.unique( array )</span> <span class="returns">Returns: <a class="return" href="http://docs.jquery.com/Types#Array">Array</a></span>
|
|
</h2>
|
|
<div class=" entry-details">
|
|
<p class="desc"><strong>Description: </strong>Sorts an array of DOM elements, in place, with the duplicates removed. Note that this only works on arrays of DOM elements, not strings or numbers.</p>
|
|
<ul class="signatures"><li class="signature" id="jQuery.unique-array">
|
|
<h4 class="name">
|
|
<span class="versionAdded">version added: <a href="/category/version/1.1.3/">1.1.3</a></span>jQuery.unique( array )</h4>
|
|
<p class="arguement"><strong>array</strong>The Array of DOM elements.</p>
|
|
</li></ul>
|
|
<div class="longdesc">
|
|
<p>The <code>$.unique()</code> function searches through an array of objects, sorting the array, and removing any duplicate nodes. This function only works on plain JavaScript arrays of DOM elements, and is chiefly used internally by jQuery.</p>
|
|
<p>As of jQuery 1.4 the results will always be returned in document order.</p>
|
|
</div>
|
|
<h3>Example:</h3>
|
|
<div id="entry-examples" class="entry-examples"><div id="example-0">
|
|
<h4><span class="desc">Removes any duplicate elements from the array of divs.</span></h4>
|
|
<pre><code class="example demo-code"><!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
div { color:blue; }
|
|
</style>
|
|
<script src="http://code.jquery.com/jquery-latest.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></code></pre>
|
|
<h4>Demo:</h4>
|
|
<div class="demo code-demo"></div>
|
|
</div></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body></html> |