javascript - jQuery文字列内のJavascript変数

Question

ここで間違っていることを手伝ってくれる人はいますか?

デモ

HTML

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

Jクエリ

$(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");

締めを忘れただけです]