如何在jQuery中使用多个组找到分隔符?

时间:2015-12-16 23:42:26

标签: javascript jquery html css show-hide

我有一个脚本会评估更改事件中的所有单选按钮/复选框。如果至少有一个具有自定义属性"终止符"的选定项目,它将隐藏所有具有类" questionPanel"的下一个分隔符。

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

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

现在,我需要再添加一个内容来搜索并隐藏(如果可用)。

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

我尝试添加一条像这样的行但是没有做任何事情

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

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

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

1 个答案:

答案 0 :(得分:1)

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

  

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

如果要选择以下fieldset元素,则需要选择最接近的.survey-control-fieldset元素,然后选择以下fieldset兄弟元素:

Updated Example

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