jQuery unique() example



jQuery unique() function is used to sort 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.

Syntax

jQuery.unique( array )
array - The Array of DOM elements.

Example

Removes any duplicate elements from the array of divs.
<!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-3.4.1.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>
Output:
There are 6 divs in this document.
Pre-unique there are 9 elements.
Post-unique there are 6 elements.
Try it Yourself - Copy paste code in Online HTML Editor to see the result

Comments