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'})
    }
})