Html jquery-显示类不在何处

如何显示不包含类“.hidden”的下一个元素

JQUERY

$(document).on("click", ".btn_next", function(e){

    // SHOW NEXT SECTION
    $(this).parents('.form_section').next().show();

    e.preventDefault();

}); 

HTML

CONTENT HERE 1 NEXT
内容在此2下
内容在此3下
内容在此3下

您可以这样做：

同级（':not（.hidden）

选择所有未隐藏类的同级

并且
first（）
选择这些同级中的第一个

$(document).on("click", ".btn_next", function(e) {
  e.preventDefault();
  $(this).parents('.form_section').siblings(':not(.hidden)').first().show();
});

用于参考：，和工作。
您可以使用以下代码执行此操作：

$(this).parents('.form_section').not('.hidden').show();

这将获得给定名称的父元素，itt将在该元素中找到没有
隐藏
类的elment。
$（This）.parents（'.form_section'）。next（':not（.hidden））.show（）您好，在您的例子中：“：not”refere“next+not contain class”？@Roi No，它不引用下一个元素，因为$（this）.parents（“.form\u selection”）已经是元素，如果它还包含类“hidden”，则应该检查它是否包含该类。确定，但是按钮“btn\u next”应该只显示下一个不包含类“hidden”的“form\u部分”。我编辑了代码above@Roi我刚刚根据这个要求调整了答案，这是一个误解。您好，谢谢，但是您的代码是否只显示下一个“.form_”部分“div”或“all”？我希望除了下一个没有“隐藏”类的“form_section”之外，所有内容都不可见…您好，在您的情况下：not“reference”to“next+not contain class”？
$(this).parents('.form_section').not('.hidden').show();