用jQuery看一个div有没有某某的子class

Question

我有一个 div #popup ，它用 class .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

如果它是一个直接的孩子，你可以做如下，如果它可以嵌套更深，删除>

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

Answer 6

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

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

Answer 7

自您提出这个问题以来的 10 年中，jQuery 几乎完全添加了您上面描述的.has( function 。它过滤了它所调用的选择器 - 它比使用$('.child').parent('.parent')更快。 $('.child').parent('.parent')并可能一直运行到 DOM。

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