如果所有孩子都不可见jquery，则隐藏父母

Question

我正在尝试使用 coffeescript 来隐藏组的标题，如果它下面的所有 li 都被隐藏，但这不起作用。日志告诉我，即使每个 li 都有 display:none 它仍然可见。 （即，这是选择所有 lis，而它应该只选择那些可见的）

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

HAML 结构如下所示：

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

Answer 1

.each() 的参数是 .each(idx, Element)，而不是 .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()

您也可以使用this 关键字：

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