Convert jquery selectors to array

Question

I need to be able to store the current selectors in the current viewport and then 10 seconds check if they are still in the users current viewport.

My solution for this was to store the selectors in an array and then in 10 seconds compare the old selectors against the new and see if any match. If they do... do something.

So i believe using .each and build the array, unless somebody has a more elegant solution to this?

$('.gridContainers:in-viewport')

This will return a standard selectors.

you're going to have to post some markup and some javascript so we can get an idea of what you're doing — jackwanders
– jackwanders, Commented Sep 10, 2012 at 15:39
If I am understanding your question, their likely is a better way to handle the situation, but the way you are handling sounds fine to. No way to say for sure without a code sample. Please post some examples if the code you are using. — BishopZ
– BishopZ, Commented Sep 10, 2012 at 15:44

BishopZ · Accepted Answer · 2012-09-10 16:45:01Z

18

Calling $(selector) returns an array-like jQuery object, not an actual JavaScript array, though for the purposes of what they're trying to do converting it to an actual array may be unnecessary.

This is how one would turn a selector into an native Javascript array.

$(selector).toArray()

Jquery.toArray()

edited Sep 10, 2012 at 16:45

BishopZ

6,4088 gold badges48 silver badges60 bronze badges

answered Sep 10, 2012 at 15:39

Hacknightly

5,1743 gold badges28 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

BishopZ Over a year ago

there is no need to call .toArray() because $(selector) already returns an array.

Jamie Hutber Over a year ago

humm, using toArray does turn it to a trun js array though.

Anthony Grist Over a year ago

The .get() (not to be confused with jQuery.get() which is an AJAX GET request) does the same thing, if you don't provide an argument. Not sure if there's any guidance on which should be used, though.

Anthony Grist Over a year ago

@BishopZ Calling $(selector) returns an array-like jQuery object, not an actual JavaScript array, though for the purposes of what they're trying to do converting it to an actual array may be unnecessary.

Catweazle Over a year ago

Take care, this is giving an array of DOM objects, not an array of jQuery objects

Abdennour TOUMI · Accepted Answer · 2016-08-05 10:52:00Z

1

With ES6 :

Array.from($(selector)); // return JS array

answered Aug 5, 2016 at 10:52

Abdennour TOUMI

94.5k42 gold badges271 silver badges274 bronze badges

Comments

Mohan · Accepted Answer · 2012-09-10 15:45:27Z

0

Try Out FIND method as Below:

$('element').find('selection');

This will give all selected elements to Array. Hope this helps

answered Sep 10, 2012 at 15:45

Mohan

1,0911 gold badge9 silver badges22 bronze badges

3 Comments

jackwanders Over a year ago

.find() returns a jQuery object, not an array.

Jamie Hutber Over a year ago

this won't help as it just finds an element descending your current selector.

Krisztián Balla Over a year ago

Yes, but it could help people to realize that there is another simpler solution to what they were trying to achieve using an array. So +1 from me.

Collectives™ on Stack Overflow

Convert jquery selectors to array

3 Answers 3

5 Comments

Comments

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

Comments

3 Comments

Related