如果所有子项都不可见，则隐藏父级

Question

I am trying to use coffeescript to hide the title of the group with if all the li's under it are hidden, but this doesn't work. The log tells me that even when each li has display:none it is still visible. (ie this is selecting all lis, when it should only be selecting those that are visible)

filterGroups = () ->
  $('.group').each (idx, item) ->
    list = $(item).find("ul.bordered-list li:visible")
    console.log list.length
    if list.length == 0
      $(item).hide()
    else
      $(item).show()

The HAML structure looks like this:

ul.bordered-list
  li.group
    h3.group-name-header
    ul.bordered-list
      li
    ...
  ...

Answer 1

The arguments for .each() are .each(idx, Element) , not .each(Element, idx) ;

filterGroups = () ->
  $('.group').each (idx, item) -> //correct argument order
    list = $(item).find("ul.bordered-list li:visible")
    console.log list.length
    if list.length == 0
      $(item).hide()
    else
      $(item).show()

You can also use the this keyword:

$('.group').each () ->
        list = $(this).find("ul.bordered-list li:visible")