Using jQuery to see if a div has a child with a certain class

Question

I have a div #popup that is dynamically filled with several paragraphs with the class .filled-text. I\'m trying to get jQuery to tell me if #

Answer 1

Use the children funcion of jQuery.

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

$.children('').length will return the count of child elements which match the selector.

Answer 2

There is a hasClass function

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

Answer 3

Simple Way

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

Answer 4

If it's a direct child you can do as below if it could be nested deeper remove the >

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

Answer 5

You can use the find function:

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