Jquery筛选列表

Jquery筛选列表,jquery,toggle,filtering,show-hide,Jquery,Toggle,Filtering,Show Hide,我很难解决这个问题 <ul> <li class="complete">list item 1 <ul> <li class="complete">list item 1</li> <li class="pending">list item 2 <ul> </li&

我很难解决这个问题

<ul>
      <li class="complete">list item 1
            <ul>
                  <li class="complete">list item 1</li>
                  <li class="pending">list item 2
            <ul>
      </li>
      <li class="complete">list item 2
            <ul>
                  <li class="complete">list item 1</li>
                  <li class="complete">list item 2
            <ul>
      </li>
</li>
</ul>
  • 列出第1项
    • 列出第1项
    • 列出第2项
      • 列出第2项
        • 列出第1项
        • 列出第2项
我试图解决的是,我现在有两个复选框complete and pending,如果我取消选中complete,则complete class将隐藏所有列表,但如果它有一个子列表且该子列表有挂起的类,则父列表将保持可见,否则它将隐藏


我希望有人能帮助我。提前感谢。

您可以使用以下jquery代码:

$('.complete').each(function() {
    if ($(this).find('.pending').length) {
        $(this).css({display: 'block'})
    } else {
        $(this).css({display: 'none'})
    }
})

到现在为止你都试了些什么?你能发你的JS吗?这将帮助我们帮助你:)哇,太棒了,这非常有帮助。谢谢Lucas和Hungerpain。反应很快,我很喜欢它,但我没有足够的声誉来投票,但这是一个很棒的解决方案。谢谢。否则,您可以通过单击向下箭头下的“V”来验证我的答案。