Hiding element codes when debugging on chrome?

Question

The code I'm debugging in action is here:

If I hover my mouse over the pin of the dial I got aria-label for the pin like this:

But when I move the mouse out of the pin the aria-label of the pin hides:

The bad news is I can't select the pin with its aria-label using jQuery.

I've tried :

var item = $('[aria-label="spinner Dial 1 range from 0 to 12"]')
$(item).animate({'top': '-=30px'},'slow');

But it seems that I can't select the pin using this aria-label!!!

Please help, I really need that aria-label to select the pin using jQuery.

Why I can't have that aria-label and how to select it?

I see the website just fine...with persistent `aria-label` – Aviad May 27 '19 at 21:42 — Aviad, May 27 '19 at 21:42
The element has a class, why not hook onto that? – Lawrence Cherone May 27 '19 at 21:44 — Lawrence Cherone, May 27 '19 at 21:44
Which one let me know, please... – Sara Ree May 27 '19 at 21:46 — Sara Ree, May 27 '19 at 21:46

score 1 · Answer 1 · answered May 27 '19 at 21:46

1

I think you want to select dynamically created element. Look here - jQuery select dynamically created html element

answered May 27 '19 at 21:46

Dorian Mazur

1 Answers1