jQuery：如何隐藏具有大于给定标记的特定值的所有HTML元素

Question

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

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

更正式：  当单击level = x的元素时    如果没有级别＆gt;的元素显示x      然后显示所有元素，例如level = x + 1    但是如果某些元素的级别＆gt;显示x      然后隐藏所有级别＆gt;的元素X

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

Answer 1

为什么不切换特定类型的所有子元素的可见性，而不是担心“级别”属性？例如：

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

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