Javascript 如果未找到Div中的类,请在之前插入Div?

Javascript 如果未找到Div中的类,请在之前插入Div?,javascript,jquery,html,performance,function,Javascript,Jquery,Html,Performance,Function,我想显示一个div.before()另一个,如果它不包含一个特定的类。虽然它看起来很简单,但不知何故我无法让它工作 以下是我迄今为止取得的进展的一个片段: $('.container>#content')。不是('.entry',函数(){ $(this).before('没有要显示的条目'); }); 正文{ 字体大小:16px; 保证金:0; 填充:0; 边界:0; } h1{ 字体大小:22px; 边际上限:0; } .集装箱{ 保证金:0自动; 最大宽度:300px; 边框:1px纯色

我想显示一个div
.before()
另一个,如果它不包含一个特定的类。虽然它看起来很简单,但不知何故我无法让它工作

以下是我迄今为止取得的进展的一个片段:

$('.container>#content')。不是('.entry',函数(){
$(this).before('没有要显示的条目');
});
正文{
字体大小:16px;
保证金:0;
填充:0;
边界:0;
}
h1{
字体大小:22px;
边际上限:0;
}
.集装箱{
保证金:0自动;
最大宽度:300px;
边框:1px纯色浅灰色;
填充:10px;
显示:块;
}

带有条目的部分:
这是一个条目。
没有条目的部分:
该方法无法按预期工作。它只检查立即对象的
.entry
类。您需要搜索后代。请参见下面更新的示例,您可以使用

此外,正如上面的评论所指出的,您不应该复制ID,因此我将您的
内容更改为类

$(函数(){
$('.container>.content')。每个(函数(){
if(!$(this.find(“.entry”).length){
$(this).before('没有要显示的条目');
}
});
});
正文{
字体大小:16px;
保证金:0;
填充:0;
边界:0;
}
h1{
字体大小:22px;
边际上限:0;
}
.集装箱{
保证金:0自动;
最大宽度:300px;
边框:1px纯色浅灰色;
填充:10px;
显示:块;
}

带有条目的部分:
这是一个条目。
没有条目的部分:

ID必须唯一为什么不使用CSS
.content:empty{content:“没有要显示的条目”}