Dynamic rel Selector not working

Question

I am using jquery to dynamically create an active state using Flexslider's API. Here is my jQuery:

var curslide = slider.animatingTo;
var parsed = parseInt(curslide);

$("#pillarControl li").each(function(){
     $(this).removeClass("active");
});

$("#pillarControl  li a[rel='parsed']").parent().addClass("active");

THe bottom line is NOT working. If I replace parsed with an actual integer, it works great. But for some reason, the variable parsed is not causing the active class to be added. I did a test to see if the variable parsed had the correct value stored, and it does. Seems to be a syntax problem? Not sure, any ideas?

score 5 · Accepted Answer · answered Oct 05 '12 at 17:28

5

The problem is that you don't pass the variable value, but just 'parsed' as text. Try:

$("#pillarControl  li a[rel='" + parsed + "']").parent().addClass("active");

answered Oct 05 '12 at 17:28

Michal Klouda

14,263
7
53
77

Forgot to concatenate! Thanks! – JCHASE11 Oct 05 '12 at 17:32

score 0 · Answer 2 · answered Oct 05 '12 at 17:29

0

Try this:

$("#pillarControl  li a[rel='" + parsed + "']").parent().addClass("active");

answered Oct 05 '12 at 17:29

DmitriG

98
7

score 0 · Answer 3 · answered Oct 05 '12 at 17:29

You seem to be passing parsed as a string . You need to pass the

var parsed = parseInt(curslide);

So your old selector is looking with rel="parsed" and not the value of parsed..

$("#pillarControl  li a[rel='" + parsed + "']").parent().addClass("active");

Dynamic rel Selector not working

3 Answers3