如何更改/添加 css 到动态生成的复选框类

Question

我有一个 jquery 手风琴，当我单击手风琴标题时，ajax 调用会显示内容。这些内容中的每一个都有一个带有复选框的项目列表和一个提交按钮，因此用户可以更新数据库（通过另一个 ajax 调用）。

单击提交时，我想删除所有选中项目的复选框，然后设置这些特定项目的样式。我可以删除复选框，但我似乎无法添加更改 CSS！检查的项目。谁能帮忙？ html 是这样的

Html
     accordion header <h3>(dynamic id)
    div class row
    div class bootstrap
    checkbox class single-checkbox (dynamic id)
    <p> content </p>




  checkbox

<input type="checkbox"  class="single-checkbox" name="contentAll[]" value="<?php echo $row2['bing'], '-', $row2['content_all']; ?>" />

jquery

    $('.submit').click(function() {
    $.ajax({
    url: "heir3.php",
    type: "post",
    data: $('.single-checkbox:checked').serialize(),
    success: function(data) {
    $('.single-checkbox:checked').remove();}   
    }); 
    });

submit
<button class="submit" id="submit">Submit</button>

Answer 1

使用addClass() 和removeClass() 然后将样式存储在其中：

CSS

.my-checkbox-class {
    // styles
}

jQuery

$('.single-checkbox:checked').addClass('my-checkbox-class');
$('.single-checkbox:checked').removeClass('my-checkbox-class');

您可以像这样向任何元素添加任何样式，也可以删除它们。这是一个很好的、干净的解决方案，可以让你的 css 可重用并保持样式和功能分开。

请注意，添加和删除类方法不需要. 来表示类，这可能是一个陷阱