Jquery 遍历所有选中的框并删除类

Question

我目前正在使用 jQuery，希望获得一些有关迭代所有“已选中”复选框并删除父表行的类(称为“new_message”)的帮助。

我已经有了一个基本概念，但我无法完全弄清楚整个事情。

这是我目前正在使用的:

$("#unread_button").click(function (event) {
event.preventDefault;
$(":checkbox:checked").each( 
function() 
{ 
    if (this.checked) 
    { 
        var divs = $.makeArray($(this).parents("tr").attr("id"));
     }
$(divs).each(
    function(int)
        {
            $(this).removeClass("new_message");
        }
    );
  });  
});

最终，这也将更新数据库，因此如果可以定制代码以适应两者，那就太好了。

非常感谢任何指导!

Answer 1

我认为这会起作用:

$('input:checkbox:checked').parents('tr').removeClass('new_message');

或者，如果您只想匹配直接 TR 父级，那么:

$('input:checkbox:checked').closest('tr').removeClass('new_message');

jQuery 会为您完成所有循环，因此您应该拥有所有的each()es。

一旦使用“:checked”选择器，您应该重新检查该项目是否被选中。这应该将您的选择器结果限制为仅选中的项目。