我使用ERB（嵌入式Ruby）开发了页面的前端。
我想通过改变元素的display来实现过滤器，当指定的复选框被触发时。然而，一些元素在将display设置为none后仍然显示在屏幕上。下面是我的代码。

html格式

<div class="log_student_ability_list border border-dark mb-3 p-3 rounded mt-2 col-md-12 col-12" id="<%= log.id %>">
    some sub elements
</div>

脚本

第一个
1.我已经尝试了.hide()和.css("display", "none")，但它们都不起作用。
1.我试过event.preventDefault()来防止意外事故，但没有效果。
1.我还检查显示状态

$(`.log_student_ability_list#${log.id}`).is(":visible")

之后

$(`.log_student_ability_list#${log.id}`).hide();

并发现在检查可见性时，某些元素返回false，但仍显示在屏幕上。