jQuery - 选择一系列项目，除非它有一个类

Question

我想选择一系列列表项，除非它有一个类。我想然后隐藏并显示。

<ul>
  <li class="parent">Parent</li>
  <li>item</li>
  <li>item</li>
  <li class="parent">Parent</li>
  <li>item</li>
  <li>item</li>
  <li class="parent">Parent</li>
  <li>item</li>
  <li>item</li>
</ul>

jQuery

$('li').not('.parent').hide();
$('li.parent').on('click', function(){
    //select every next siblings unless it finds a classname
});

因此，当单击父级时，我想显示接下来的两个列表。

我知道使用嵌套列表会很容易。但我是通过插件生成的代码来完成此操作的。这就是它的结构。

There's my code.

Answer 1

您可以使用.nextUntil() method为了选择li sibling 直到下一个.parent:

Example Here

$('li.parent').on('click', function(){
    $(this).nextUntil('.parent').show();
});