使用jQuery查看div是否具有某个类的子级

Question

我有一个div #popup，它使用类.filled-text动态填充多个段落。我试图让jQuery告诉我#popup是否包含其中一个段落。

我有这段代码：

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

有什么建议吗？

Answer 1

您可以使用find功能：

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

Answer 2

有一个hasClass函数

if($('#popup p').hasClass('filled-text'))

Answer 3

使用jQuery的children功能。

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

$.children('').length将返回与选择器匹配的子元素数。

Answer 4

简单方法

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

Answer 5

如果是直接的孩子，如果可以嵌套更深，则可以执行以下操作，删除＆gt;

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