Unique Array

[robish518]

I can't seem to figure out how to use the $.unique(array) function in JQuery. What I am trying to do is check the XML file to see what the range of home sizes is. The result will go into a list, but if there are duplicate items, I'd like to remove these.

A subset of XML Doc

<dimensions>
<bed>3</bed>
<bath>2</bath>
<area>1000</area>
</dimensions>

This line loops through XML and builds array "parentOption":

$(xml).find("bed").each(function(xml){
parentOption.push($(this).text() + " bedroom " + $(this).siblings('bath').text() + " bathroom " );
});

Not sure if I'm using this function correctly:

newArray = $.unique(parentOption);

Loop through array and display items to menu:

$.each(newArray, function(n, val){
var htmlOutput = "<option id='" + val + "' value='" + val + "'> " + val + " </option>";
$('#parentMenu').append(htmlOutput);
});

[A1ien51]

Remove all duplicate elements from an array of elements. Note that this only works on arrays of DOM elements, not strings or numbers.

Eric

[robish518]

This doesn't seem to work... It doesn't create a unique list. It just lists everything in that array.

[A1ien51]

Read my quote again.

not strings or numbers.

Eric

[robish518]

ok... thanks for the reply... it's much clearer when you write big. So what I still need to do, is get duplicate items out of this array. How would I accomplish this?

[A1ien51]

with jQuery you can do something like this

var nums = [0,1,1,1,2,2,2,3,3,3,4,4,4,5,5,5];

Array.prototype.unique = function(){
    var vals = this;
    var uniques = [];
    for(var i=vals.length;i--;){
        var val = vals[i];  
        if($.inArray( val, uniques )===-1){
            uniques.unshift(val);
        }
    }
    return uniques;
} 

alert(nums.unique())

Eric