Javascript 如何将多个类添加到li标记？

下面是我的代码

function addCardList(className, cardName) {
    console.log(className);
    var $li = $('<li class=' + className + '>');
        var $input = $('<input >', { type: 'radio', name: 'test'});
        var $label = $("<label for='test'>").text(testName);
        $li.append($input);
        $li.append($label);
        $("#card-obj").append($li);
}


for(var i=0; i<= 9; i++) {
    if(i%2 == 0) {
        addCardList("borderR borderB", "AAAAA");
    }
    else {
        addCardList("borderB", "BBBBB");
    }
}

函数addCardList（类名称，cardName）{
log（类名）；
var$li=$（'
'）；
var$input=$（''，{type:'radio'，name:'test'}）；
var$label=$（“”）。text（testName）；
$li.append（$input）；
$li.append（$label）；
$（“#卡对象”）。附加（$li）；
}
对于（var i=0；i变化

var$li=$（'
'）；

到

var$li=$（'
）；
更改

var$li=$（'
'）；

到

var$li=$（“
”）；
这样创建元素可以满足您的需要：

var $li = $('<li />', { "class": className });

var$li=$（'
'，{“class”：className}）；
创建这样的元素可以满足您的需要：

var $li = $('<li />', { "class": className });

var$li=$（'
'，{“class”：className}）；
您还可以执行以下操作

var $li = $('<li>');
$li.addClass(className)

您还可以执行以下操作

var $li = $('<li>');
$li.addClass(className)

$('<li>').attr("class",className)