Javascript Variable within jQuery string

Question

Can anyone help out with what im doing wrong here?

HTML

<div id="usercurrentccbox">
    <div class="cardChoice">
        <label for="mastercard"></label>
    </div>
</div>

JQUERY

$(document).ready(function(){
    var cct = "mastercard";
    //$('#usercurrentccbox .cardChoice label[for=mastercard]').addClass("active");
        $('#usercurrentccbox .cardChoice label[for="'+cct+'"').addClass("active");
});

CSS

    label{
    position:relative;
    float:left;
    width:200px;
    height:170px;
    border:1px solid #000;
}

label.active{
    border: 1px solid #d6d6d6;
}

Richard Neil Ilagan · Accepted Answer · 2012-06-26 13:02:10Z

8

You seem to be missing a closing ] in your selector.

// corrected
$('#usercurrentccbox .cardChoice label[for="'+cct+'"]').addClass("active");
//                                                  ^ over here

answered Jun 26, 2012 at 13:02

Richard Neil Ilagan

14.8k6 gold badges52 silver badges68 bronze badges

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

1 Comment

Richard Neil Ilagan Over a year ago

Haha, my eyes just happened to land there first thing.

johnmadrak · Accepted Answer · 2012-06-26 13:03:13Z

2

        $('#usercurrentccbox .cardChoice label[for="'+cct+'"]').addClass("active");

You just forgot the closing ]

answered Jun 26, 2012 at 13:03

johnmadrak

8255 silver badges7 bronze badges

Collectives™ on Stack Overflow

Javascript Variable within jQuery string

2 Answers 2

1 Comment

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Related