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?

Answer 1

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);

Answer 2

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"];