javascript - jQuery字符串中的Javascript变量

Question

谁能帮助我在这里做错了什么？

演示

HTML

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

查询

$(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

Answer 2

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

你只是忘记了结束]