Javascript 将背景设置为“动态创建”复选框和div中的文本

我想对每个复选框应用背景，并用一些空格隔开。是否可以将背景应用于div中动态创建的复选框

我必须给这行设置背景

“”
+ar1[i]+''+'+'+ar2[i]+'
'+'
'+'
'

    for ( var i = 0; i < ar2.length; i++) {
        var newTextBoxDiv = $(document.createElement('div')).attr("id", 'TextBoxDiv' + counter);
        newTextBoxDiv.after().html('<input type="checkbox" value="'+ ar2[i] + "   " + "   " + ar1[i] + '"/>' + ar1[i] + "   " + "   " + ar2[i] + '</br>' + '</br>' + '</br>' );
        newTextBoxDiv.appendTo("#TextBoxesGroup");
    }

for（变量i=0；i'+'
'+'
'）；
newTextBoxDiv.appendTo（“#textboxsgroup”）；
}

试试看

classx=“classname”；
对于（var i=0；i'+'
'+'
'）；
newTextBoxDiv.appendTo（“#textboxsgroup”）；
}

您可以在css中创建自定义类，并将一个类名指定给

classx

，它会将该类应用于“动态创建”复选框。复选框将相应地设置样式。

这将有助于您：

classx="classname";
for ( var i = 0; i < ar2.length; i++) {
        var newTextBoxDiv = $(document.createElement('div')).attr("id", 'TextBoxDiv' + counter);
        newTextBoxDiv.after().html('<input class="'+classx+'" type="checkbox" value="'+ ar2[i] + "   " + "   " + ar1[i] + '"/>' + ar1[i] + "   " + "   " + ar2[i] + '</br>' + '</br>' + '</br>' );
        newTextBoxDiv.appendTo("#TextBoxesGroup");
    }