取消选中复选框后,找到所有匹配类的div并将其删除。 JQUERY

时间:2011-12-26 22:30:49

标签: jquery function jquery-selectors

我想运行一个在取消选中复选框时删除多个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的信息,只是如何选择它们,因为目前我选择的是未选中的复选框。

谢谢你们。

1 个答案:

答案 0 :(得分:0)

很抱歉,如果我一直困惑你们,但我自己也搞定了。这是下面的代码。这肯定比我想象的要容易。

@Alex,感谢你的投入!真的很感激。

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

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

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

        };

基本上我从复选框中获取class。然后运行IF语句以查看是否取消选中该复选框,如果有,则删除与复选框具有相同类别的div