如何在 jQuery 中使用多个组查找分隔线？

Question

我有一个脚本可以在更改事件时评估所有无线电 buttons/checkbox。如果至少一个具有自定义属性 "terminator" 的选定项目，它将隐藏所有具有 class "questionPanel".

的下一个 dividers

以下是搜索下一个 divider

的代码

control.closest(".questionPanel").nextAll(".questionPanel").addClass(className).hide();

现在，我需要再添加一项搜索和隐藏的内容（如果可用）。

我需要使用 class "questionPanel") 搜索位于当前 div 中的任何 fieldset，然后我想隐藏所有下一个 "fieldset".

我试着像这样添加一行，但没有做任何事情

control.closest(".questionPanel").nextAll("fieldset").addClass(className).hide();

如何找到所有下一个字段集并隐藏它们？

我创建了一个 fiddle 来向您展示正在运行的脚本，它位于此 link https://jsfiddle.net/8yf0v3xt/11/

Answer 1

.nextAll() 方法将 select 跟随同级元素。由于 fieldset 元素与 .questionPanel 元素不是兄弟姐妹，因此没有 selected.

How can I find all the next fieldsets and hide them?

如果要select下面的fieldset个元素，需要select最近的.survey-control-fieldset个元素，然后select下面的fieldset 兄弟姐妹：

control.closest('.survey-control-fieldset').nextAll('fieldset').addClass(className).hide();

How to find dividers using multiple group in jQuery?