setTimout function # tag?

Question

Can someone please help? I have some jQuery code which is working perfectly, however there is an element within it which is: "#"+ and I don't understand what it does. Please see below JS.

setTimeout (function() {
     $("#"+toneId2nd).animate({ backgroundColor: 'red'}).animate({ b    ackgroundColor: 'white'}, 4000);
    play_multi_sound('tone-'+toneId2nd);
}, 1000);

Any help greatly appreciated.

`# is for -> $("#"+elementId)` and `. is for -> $("."+elementClass)` — Royi Namir, Mar 09 '15 at 10:22
# is selector = > Selects the element with id="" [link](http://www.w3schools.com/cssref/css_selectors.asp) — Kunal Surana, Mar 09 '15 at 10:31

score 0 · Answer 1 · answered Mar 09 '15 at 10:26

$('#myElement').animate({ backgroundColor: 'red'}).animate({ backgroundColor: 'white'}, 4000);
play_multi_sound('tone-myElement');

is the same as:

var toneId2nd = 'myElement';
$('#'+toneId2nd).animate({ backgroundColor: 'red'}).animate({ backgroundColor: 'white'}, 4000);
play_multi_sound('tone-'+toneId2nd);

toneId2nd is just a supplied variable.

jQuery uses CSS selectors to grab elements.

I suggest you start here if you need more help with jQuery.

score 0 · Answer 2 · answered Mar 09 '15 at 10:26

0

it is the Id of the Element $('#ElementId')

toneId2nd is some kind of element ID

Ex: $('#mydiv')

answered Mar 09 '15 at 10:26

tech-gayan

1,373
1
10
25

score 0 · Answer 3 · edited May 23 '17 at 11:52

0

See the answer on this question : using variables within a jquery selector

And maybe try to do some research before asking? ;)

edited May 23 '17 at 11:52

Community

1
1

answered Mar 09 '15 at 10:29

Geoff

69
3

setTimout function # tag?

3 Answers3