Javascript JQuery混乱

Il尝试使用复选框和JQuery筛选日历上的事件

$(document).ready(function () {
  $('.scrollable-menu :checkbox').click(function (){
    if ($('input:checkbox:checked').length) {
      $('.alert').hide();
      $('.more').hide();
    }
  })
});

这就是我现在所拥有的，我知道它不多。这很好，但从这里我需要它来了解如何选择具有特定背景颜色的li.alerts

$('div[style~="backgroundColor: red;"]').show()

但是每个事件都有不同的背景颜色，所以这需要改变一些我在复选框名称中存储颜色的方式。我还需要脚本允许同时选中多个复选框

        {% for category in categories %}
            <li name="{{category.color}}"><input name="{{category.color}}" value="your_value" type="checkbox"><div style="color:#{{category.color}};">{{ category.name }}{{ category.color }}</div></li>
        {% endfor %}

{%用于类别中的类别%}
{{category.name}}{{category.color}
{%endfor%}

将一些特定的类应用于元素并使用它们，而不是按CSS样式选择（如果更改颜色怎么办？）

$('.jobs.main').show();
$('.jobs.secundary').hide();
$('.meetings, .jobs').show();
[...]

使用类进行筛选的示例：

$（文档）.ready（函数（）{
$（'input[type=“checkbox”]”）。更改（函数（）{
var filters=$（'input[type=“checkbox”]：checked'）；
if（过滤器长度）{
$（'.event'）.hide（）；
$（'input[type=“checkbox”]：checked'）。每个（函数（）{
$（'.event.'+$（this.data（'type'））.show（）；
});
}否则{
$（'.event'）.show（）；
}
});
})

.job{
颜色：红色；
}
.会议{
颜色：蓝色；
}
.工作会议{
颜色：绿色；
}

工作会议
重要工作
与客户会面
打电话给客户
过滤器：


乔布斯
电话
会议

将一些特定的类应用于元素并使用它们，而不是按CSS样式选择（如果更改颜色怎么办？）

$('.jobs.main').show();
$('.jobs.secundary').hide();
$('.meetings, .jobs').show();
[...]

使用类进行筛选的示例：

$（文档）.ready（函数（）{
$（'input[type=“checkbox”]”）。更改（函数（）{
var filters=$（'input[type=“checkbox”]：checked'）；
if（过滤器长度）{
$（'.event'）.hide（）；
$（'input[type=“checkbox”]：checked'）。每个（函数（）{
$（'.event.'+$（this.data（'type'））.show（）；
});
}否则{
$（'.event'）.show（）；
}
});
})

.job{
颜色：红色；
}
.会议{
颜色：蓝色；
}
.工作会议{
颜色：绿色；
}

工作会议
重要工作
与客户会面
打电话给客户
过滤器：


乔布斯
电话
会议

那么，有什么困惑呢？几乎不需要根据特定CSS属性的当前值来选择元素。使用不同的方法来选择这些元素，例如公共类。仅供参考，

li

元素没有

name

属性。@Justinas整天都在猜测：p@Justinas我不知道如何动态更改值，例如，如果用户显示会议，所有红色事件都应显示（会议为红色）。那么，我如何使这项工作为一个以上的选择。如果用户单击会议和重要作业（红色），我如何显示它们？@CBroe啊抱歉，每个事件都有一个警报类，但它们都有内联样式，这取决于事件，因此事件之间的唯一区别是颜色。那么混淆之处是什么呢？几乎不需要根据特定CSS属性的当前值选择元素。使用不同的方法来选择这些元素，例如公共类。仅供参考，

li

元素没有

name

属性。@Justinas整天都在猜测：p@Justinas我不知道如何动态更改值，例如，如果用户显示会议，所有红色事件都应显示（会议为红色）。那么，我如何使这项工作为一个以上的选择。如果用户单击会议和重要作业（红色），我如何显示它们？@CBroe啊抱歉，每个事件都有一个警报类，但它们都有内联样式，这取决于事件，因此事件之间的唯一区别是颜色。我刚刚为每种类型的事件为它们分配了所有唯一的类，现在的问题是如何定义每个复选框以显示单个事件。这会是多个if语句吗（似乎有点过时）对不起，我对jquery没有太多的了解。我刚刚为每种类型的事件分配了所有唯一的类，现在的问题是如何定义每个复选框以显示单个事件。这会是多if语句吗（似乎有点过时）对不起，我对jquery不太了解