Unique Array

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

Code:

---

<dimensions>

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

</dimensions>

---

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

Code:

---

$(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:

Code:

---

newArray = $.unique(parentOption);

---

Loop through array and display items to menu:

Code:

---

$.each(newArray, function(n, val){

var htmlOutput = "<option id='" + val + "' value='" + val + "'> " + val + " </option>";
$('#parentMenu').append(htmlOutput);

});

---

Quote:

---

Originally Posted by http://docs.jquery.com/Utilities/jQuery.unique

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

---

Eric

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

Read my quote again.

not strings or numbers.

Eric

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?

with jQuery you can do something like this

Code:

---

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