Jquery 如何更改/添加css到动态生成的checkbox类

Jquery 如何更改/添加css到动态生成的checkbox类,jquery,css,dynamic,checkbox,checked,Jquery,Css,Dynamic,Checkbox,Checked,我有一个jqueryaccordion,当我点击accordion标题时,一个ajax调用将显示内容。每个内容都有一个带有复选框的项目列表和一个提交按钮,这样用户就可以更新数据库(通过另一个ajax调用) 单击“提交”后,我想删除所有选中项目的复选框,然后设置这些特定项目的样式。我可以删除复选框,但我似乎无法添加或更改css!已检查的项目的。有人能帮忙吗? html是这样的 Html accordion header <h3>(dynamic id) div cla

我有一个jqueryaccordion,当我点击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>
Html
手风琴头(动态id)
div类行
div类引导
复选框类单个复选框(动态id)
内容

复选框 使用
addClass()
removeClass()
然后将样式存储在其中:

CSS

JQuery

$('.single-checkbox:checked').addClass('my-checkbox-class');
$('.single-checkbox:checked').removeClass('my-checkbox-class');
您可以像这样向任何元素添加任何样式,也可以删除它们。这是一个好的、干净的解决方案,可以使您的css重复使用,并保持样式和功能的独立性


请注意,添加和删除类方法不需要
来表示类,这可能是一个问题

只需使用jquery.addClass('someClassName')将类添加到已检查的项目中,然后在CSS文件中为这些项目编写CSS嗨,谢谢,我看到了这个方法,但在我的代码中它不起作用。也许这就是我要放的地方?我把它像这样{$('.submit')。单击(function(){$.ajax({url:'heir3.php',type:'post',data:$('.single checkbox:checked')。serialize(),success:function(data){$('.single checkbox:checked')。addClass('my-checkbox-class');}}});很抱歉编辑,我无法确定如何编辑。我将此jQuery代码放在顶部,它在某种程度上满足了我的要求,但在单击提交按钮时,它没有按照我想要的顺序执行。$($(“输入:单选,输入:复选框”).change(函数(){$(this).attr('disabled','disabled').next('label').css('color','red');});@CDog在添加类时,您是否仔细检查了
$('.single checkbox:checked')
的内容?您可以使用暂停js并在控制台中检查变量(您也可以像在帖子中一样使用反勾来表示堆栈溢出注释中的代码,这使得阅读更容易:-)我是jQuery的新手,不知道如何调试,我想firefox有一个。我今晚会花时间试着了解它是如何工作的。我想我不明白为什么
('.single checkbox:checked')
识别
。删除
,但不
。addClass
?wahI最终添加了这个,它工作了
$('.single checkbox:checked')).next('p').addClass('my-checkbox-class');$('.single checkbox:checked').remove();
我在firebug中进行了检查,但我看不出有效的代码和无效的代码之间有什么区别。是否存在易于使用的“firebug for dummies”(firebug for dummies)(firebug for dummies)(firebug for dummies)(firebug for dummies)(firebug for dummies)(firebug for dummies))?或者有没有人能为我指明正确的方向以查看选择器?
$('.single-checkbox:checked').addClass('my-checkbox-class');
$('.single-checkbox:checked').removeClass('my-checkbox-class');