JQuery get element from a string problem

Question

Sorry for such a simple question but I can't seem to find the solution.

I am trying to fade in and out some divs.

Divs have an ID of "div1", "div2", "div3".

My code is:

var Divs = new Array("div1", "div2", "div3");

I want to fade out one div and then fade in the next on top of it.

I have a setinterval that runs every 5 seconds and checked it works.

Inside it is this code:

 $(Divs[1]).fadeOut(1000);
 $(Divs[2]).fadeIn(1000);

However nothing happens when the timer method is ran. Any ideas?

David Fox · Accepted Answer · 2010-06-07 12:13:28Z

6

Identify them by their ID property. The selector has to look like $('#ID').action(args); and I believe your selector would only select tags of type <div1></div1>, <div2></div2> etc

$('#'+Divs[1]).fadeOut(1000);

answered Jun 7, 2010 at 12:13

David Fox

10.8k9 gold badges53 silver badges80 bronze badges

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

7 Comments

NibblyPig Over a year ago

I see, I am getting somewhere now but I can't get my div to fadeout.. any ideas? I'm a total jquery beginner by the way...

David Fox Over a year ago

Can I assume your stuff is wrapped in $(document).ready(function() { <yourcode> }) ? Or can you start another question and post your source?

NibblyPig Over a year ago

Hmm the code above should work, it fades fine if I put the ID in manually, but I guess it's not reading from my array properly. I'm not using [1] though I am using a variable to store 1. Could that be the reason?

NibblyPig Over a year ago

var CurrentDiv = 1; ... and ... $("#" + Divs[CurrentDiv]).fadeOut(1000);

David Fox Over a year ago

I wouldn't think so--the array syntax looks good. Even Divs[x] should produce the correct selector string.

|

Álvaro González · Accepted Answer · 2010-06-07 12:23:47Z

0

Your CSS selector is looking for elements by tag name. In order to search by ID you need the # prefix. Here's the full reference:

http://api.jquery.com/category/selectors/

Try this instead:

var Divs = ["#div1", "#div2", "#div3"];

answered Jun 7, 2010 at 12:23

Álvaro González

147k45 gold badges282 silver badges378 bronze badges

2 Comments

user113716 Over a year ago

Isn't this effectively the same answer that David gave earlier?

Álvaro González Over a year ago

Yes. Stack Overflow doesn't always notify you that there're new answers while you're composing yours.

Collectives™ on Stack Overflow

JQuery get element from a string problem

2 Answers 2

7 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related