javascript - jQuery:如果只有 2 个子对象(或更少)，则隐藏父对象

Question

如果它只包含两个或更少的子对象，我需要隐藏父对象。情况是:我将事件列为 <div class="event" > 每个事件都有一个 url 和一个标题。另外每个 event可以有participants各种类型 - 或者没有。如果没有列出任何参与者，我希望 jQuery 删除该条目。

到目前为止，我所拥有的是:

// Hide empty events
if(($(".event").children().length)<3) { 
$(this).hide();
}

但这没有任何影响。

在不同的内容类型上，我用它来检查(并删除)空的 parent :

$("description:empty").parent().hide();

我很想将这一行应用到我的“事件任务”，但数据结构/xslt 转换差异太大，无法应用相同的简单函数。欢迎任何指点!

Answer 1

您需要检查 event 的实例，否则您将拥有所有 事件的子集合

您可以使用 $.each 或使用 filter()

遍历它们

$(".event").filter(function(){
    return $(this).children().length < 3;
}).hide();