I have:
html:
<div>
<a class="1"></a>
<a class="2"></a>
<a class="3"></a>
<a class="4"></a>
</div>
js:
item = $('div a');
Which gives me an array of the 'a' elements. I want to add these elements again to the same array, so I tried:
item.push(item);
but what I ended up with is:
[a]
[a]
[a]
[a]
[[a],[a],[a],[a]]
instead of
[a]
[a]
[a]
[a]
[a]
[a]
[a]
[a]
What can I do to achieve this result?
You could also try this:
edit: Forgot to add a working fiddle demo
item = $('div a');
$.merge(item,item);
If you're looking to create an array with those elements, you could try this:
item = item.toArray();
item = item.concat(item);
Or this, which will work for arrays or jQuery objects:
item.push.apply(item, item);
Object [object Object] has no method 'concat'
You need to go one by one
var itemsA = $('div a');
for(var i = 0; i<itemsA.length; i++){
items.push(itemsA[i]);
}
What you were doing was pushing ALL the elements that $('div a') returned into one single position of items.
$.uniquebehind the scene, so you can't do that. You should.get()the array and then push the duplicates.