使用 jQuery，如何仅查找可见元素并保留隐藏元素？

所以我从第 1-4 项开始：

<div class="someDiv bold italic" style="display: none;">Lorem</div>
<div class="someDiv regular italic" style="display: block;">Lorem</div>
<div class="someDiv bold" style="display: none;">Ipsum</div>
<div class="someDiv regular" style="display: block;">Ipsum</div>

然后我有一些输入复选框：

<input class="regular" type="checkbox" />
<input class="bold" type="checkbox" />
<input class="italic" type="checkbox" />

所以基本上我有 jQuery 显示和隐藏 div。现在我有另一个函数，它必须迭代这些 div（每个复选框一个），并根据另一个条件显示/隐藏。但我不希望已经隐藏的 div 再次显示。

$(".someDiv").each(function(){
  if($(this).hasClass("regular")){
    $(this).show();
  } else {
    $(this).hide();
  };

在此示例中，唯一剩余的 div 应该是最后一个 div。不幸的是，这段代码将使第二个和第四个 div 显示出来。

这段代码是我将要应用、添加等的所有过滤器的非常基本的示例。

您可以使用:visible选择器仅查找可见的。

$(".someDiv:visible").each(....);

您可以使用.not()选择器仅查找隐藏的。

$(".someDiv").not(":visible").each(....);

我认为您可以使用这一行在代码中执行相同的操作。

$(".someDiv").hide().find(".regular").show();

找到所有.someDiv并隐藏它们，然后找到那些带有.regular上课并向他们展示。