Javascript 使用jQuery查看div是否有具有特定类的子级

我有一个div

#弹出窗口

，其中动态填充了几个段落，其中包含类

。填充文本

。我试图让jQuery告诉我

#popup

中是否有这样的段落

我有以下代码：

$("#text-field").keydown(function(event) {
    if($('#popup').has('p.filled-text')) {
        console.log("Found");
     }
});

有什么建议吗？

您可以使用以下功能：

if($('#popup').find('p.filled-text').length !== 0)
   // Do Stuff

---

如果它是一个直接的子对象，您可以按如下操作，如果它可以嵌套得更深，请删除>

$("#text-field").keydown(function(event) {
    if($('#popup>p.filled-text').length !== 0) {
        console.log("Found");
     }
});

有一个函数

使用jQuery的函数

$("#text-field").keydown(function(event) {
    if($('#popup').children('p.filled-text').length > 0) {
        console.log("Found");
     }
});

$.children（“”）.length将返回与选择器匹配的子元素的计数。
简单方法

if ($('#text-field > p.filled-text').length != 0)

.size（）
返回与
.length
属性相同的值，但速度较慢，因此您应该替换它。感谢Johnnes指出这一点！我不知道。Answare更新！不客气，但还是有个错误。它是
.length
而不是
.length（）
：P我认为它与大多数jQuery接口一样是一个函数。我觉得有点矛盾。但是answare再次更新：P谢谢Johannes，
.length
属性不是jQuery库的一部分，它只是原生javascript。但是是的，它有时会让人困惑。这实际上是我所需要的，但是作为参考，
if（$（'popup'）。has（'p.filled-text'）。length！=0）{
也可以。不需要检查0.0在js中是错误的。The.size（）方法在功能上等同于.length属性；但是，首选.length属性，因为它没有函数调用的开销。您是否只查找子对象或任何后代（子对象、孙子对象、曾孙对象等）。问题标题当前为“子对象”但答案似乎是关于任意的后代。当时我相信我是专门找孩子的，但很难确定，因为这个问题已经快4岁了。不管怎样，问题和答案既包括孩子也包括后代，还有一些答案是专门针对孩子而不是后代的nts，所以我不确定你想得到什么。哦，只是当使用搜索引擎查找一个问题时，特别是关于查找子元素与选择器匹配的元素，这是它找到的元素，因此如果问题标题不准确，我会调整它的标题，以帮助其他人在将来找到正确的问题。
if ($('#text-field > p.filled-text').length != 0)