Jquery过滤列表

时间:2013-07-15 14:24:26

标签: 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>
      <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个复选框已完成并且现在待处理如果我取消选中完成所有列表,如果它有一个子列表并且该子列表具有待列出的父列表,那么将完全隐藏“BUT”保持可见,否则它会隐藏。

我希望有人可以帮助我。提前谢谢你。

1 个答案:

答案 0 :(得分:1)

您可以使用此jquery代码:

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