NibblyPig
NibblyPig

Reputation: 52962

JQuery get element from a string problem

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?

Upvotes: 0

Views: 348

Answers (2)

Álvaro González
Álvaro González

Reputation: 146660

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

Upvotes: 0

David Fox
David Fox

Reputation: 10753

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

Upvotes: 6

Related Questions