javascript - 如何在 jQuery 中使用多个组查找分隔符？

Question

我有一个脚本，可以在发生更改事件时评估所有单选按钮/复选框。如果至少一个具有自定义属性“终止符”的选定元素，它将隐藏所有具有类“questionPanel”的下一个分隔线。

以下是搜索下一个分隔符的代码

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

现在，我需要再添加一个东西来搜索和隐藏(如果可用的话)。

我需要搜索位于当前 div 类“questionPanel”中的任何 fieldset，然后我想隐藏所有下一个“fieldset”。

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

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

我怎样才能找到所有下一个字段集并隐藏它们？

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

Answer 1

.nextAll() 方法将选择以下兄弟元素。由于 fieldset 元素与 .questionPanel 元素不是兄弟元素，因此未选择任何内容。

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

如果要选择下面的fieldset元素，需要选择最接近的.survey-control-fieldset元素，然后选择下面的fieldset sibling :

Updated Example

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