未选中复选框时，查找所有具有匹配类的 div 并将其删除。查询答案

【问题标题】：When a checkbox is unchecked, find all divs with matching class and remove them. JQUERY未选中复选框时，查找所有具有匹配类的 div 并将其删除。查询
【发布时间】：2011-12-26 22:30:48
【问题描述】：

我想运行一个函数，在未选中复选框时删除多个 div。 div 包含一个必须与复选框类匹配的类才能将其删除。

变量matchedDots 正在获取与checkBoxID 的变量类匹配的div。

checkBoxID 是未选中复选框的类。

       var checkBoxID = $(this).attr('class');

       var matchedDots = $('.current-map').find('div').hasClass(checkBoxID);

        if (!$(this).is(':checked'))
        {
            //do something
        };

所以我真正想做的是说“如果未选中复选框并且 div 类与复选框的类匹配，请执行一些操作。

我不需要如何删除 div 的信息，只需要如何选择它们，因为目前我选择的只是未选中的复选框。

谢谢大家。

【问题讨论】：

标签： jquery function jquery-selectors

【解决方案1】：

对不起，如果我让你们感到困惑，但我自己已经解决了。这是下面的代码。这绝对比我想象的要容易。

@Alex，感谢您的意见！真的很感激。

        var checkBoxID = $(this).attr('class');

        if (!$(this).is(':checked'))
        {

            $('div.' + checkBoxID).hide();

        };

基本上我从复选框中得到class。然后运行IF 语句来查看复选框是否被取消选中，如果有，我删除与复选框具有相同类的divs。

【讨论】：