jquery - jquery过滤列表

Question

我很难解决这个问题。

<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>

我要解决的是，如果我取消选中完成所有具有完整类的列表将隐藏“但是”，如果它有一个子列表并且该子列表有待处理的类，那么我有 2 个复选框已完成并挂起它会隐藏。

我希望有人能帮助我。先感谢您。

Answer 1

您可以使用此 jquery 代码：

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