$(":animated").length - Always return 0

Question

When I execute the following command with the developer tools of firefox/chrome on a site with an animation it always return 0.

$(":animated").length

I want to find out how many animations are on the entire site.

Did I forgot anything?

I have have no code except this line. I only insert it in a chrome/firefox console.

I want to find out how many animations are on the entire site. — gartenkralle, Nov 03 '16 at 15:05
are you sure there are animations going on when this code is executed? — Lud, Nov 03 '16 at 15:06
You forgot to include all of the other code. Please include a [mcve] in the question itself. — Heretic Monkey, Nov 03 '16 at 15:07
yes, that `selector` are give correct output if the animation are running — mmativ, Nov 03 '16 at 15:07
On this site (https://api.jquery.com/animated-selector/) is an animation. And the command returns 0. — gartenkralle, Nov 03 '16 at 15:07
:animated is a pseudo-class, not a standard CSS one though, but one generated by jQuery — Lud, Nov 03 '16 at 15:08
give more details so we can help you, why you want to check the `:animated` element. — mmativ, Nov 03 '16 at 15:09

Alexis · Accepted Answer · 2016-11-03T15:47:28.260

1

Cause you must select first the container.

It works with (Chrome)

$("body :animated").length

edited Nov 03 '16 at 15:47

answered Nov 03 '16 at 15:09

Alexis

Tried this in chrome console but returning 0. – gartenkralle Nov 03 '16 at 15:11
1

I confirm... Typing `$("body :animated").length` in the console on the [demo page](https://api.jquery.com/animated-selector/) is working... It returns 1. For me, it works on Chrome, but not on FireFox. – Louys Patrice Bessette Nov 03 '16 at 15:38
It fails in all the other browsers I have... (FF, Safari 5.1.7 for windows, Opera and Explorer 11) It only works in Chrome. – Louys Patrice Bessette Nov 03 '16 at 15:55
@LouysPatriceBessette Yes i've tried too. But it works with Chrome :p Can't find why – Alexis Nov 03 '16 at 16:15
1

Don't know either... Chrome is the best ;) – Louys Patrice Bessette Nov 03 '16 at 17:03
It's working on the demo page because those animations are done by JQuery and running continously. – Soviut Nov 03 '16 at 23:45

score 1 · Answer 2 · answered Nov 03 '16 at 16:00

Try the following:

Open debugger in chrome.
Click the sources tab.
on the left side click the Snippets Tab
right click the empty white space and choose new
name it "script.js"
on the right under the script.js tab enter: console.log($(document).find(':animated').length);
Hit Ctrl+S to save
now right click the script.js file on the left and choose run

The console will output the number of animated elements on the document.

2 Answers2