使用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 funcion.

$("#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

如果您有多个具有相同类的 div，并且有些只有该类，则必须检查每一个：

            $('.popup').each(function() {
                if ($(this).find('p.filled-text').length !== 0) {
                    $(this).addClass('this-popup-has-filled-text');
                }
            });