Javascript字符串中的Javascript变量

Question

任何人都可以帮忙解决我在这里做错了什么吗？

DEMO

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

Answer 1

你似乎错过了]选择器的结束.

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