Использование jQuery, чтобы узнать, есть ли у div ребенок с определенным классом

у меня есть div #popup то есть динамически заполняется несколькими абзацами с классом .filled-text. Я пытаюсь заставить jQuery сказать мне, если #popup один из этих пунктов в нем.

у меня есть этот код:

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

какие предложения?

5 79
javascript jquery

5 ответов:

можно использовать найти:

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

есть hasClass функции

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

использовать дети функция jQuery.

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

$.children('').length возвращает число дочерних элементов, которые соответствуют селектору.

6

Простой Способ

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

Если это прямой ребенок, вы можете сделать, как показано ниже, если он может быть вложен глубже удалить >

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