Question

以下是我的代码

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

当if结果为true时，我的li页面应该

<li class="borderR borderB">

但现在看起来像

<li class="borderR" borderb><li>

如何使其正确？

Answer 1

更改

var $li = $('<li class=' + className + '>');

到

var $li = $('<li class="' + className + '">');

Answer 2

创建这样的元素可以获得你想要的东西：

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

Answer 3

您还可以执行以下操作

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

也使用attr

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

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

3 个答案: