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

Question

我有一个 jquery Accordion ，当我点击 Accordion 标题时，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 可重复使用，并使样式和功能保持独立。

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