jQuery：如何隐藏所有值大于给定标签某个值的 HTML 元素

Question

我在层次结构中显示元素，单击一个会显示层次结构中的下一组元素。每个元素都有一个名为“level”的标签，其值为 1-....（无论树的该分支的级别数是多少）。

当单击一个元素时，我希望显示下一个元素，但如果单击一个元素并且它的子元素已经显示，我想隐藏所有子元素。

更正式地说： 当单击 level = x 的元素时 如果没有显示 level > x 的元素 然后显示所有元素，例如 level = x+1 但是如果显示了一些 level > x 的元素 然后隐藏 level > x

的所有元素

我将如何创建一个 jQuery 选择器来捕获它。

Answer 1

与其担心“级别”属性，为什么不直接切换某个类型的所有子元素的可见性？示例：

$(document).ready(function() {
  $(".treeNode").click(function() {
   $(this).children(".treeNode").toggle();
  });
});

我不确定您的架构，但这也会使具有相同“级别”属性的不同分支中的节点不会被切换。