[javascript] jQuery를 사용하여 div에 특정 클래스의 자식이 있는지 확인

#popup클래스와 함께 여러 단락으로 동적으로 채워진 div 가 .filled-text있습니다. #popup이 단락 중 하나가 있는지 jQuery가 알려 주려고 합니다.

이 코드가 있습니다.

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

어떤 제안?



답변

찾기 기능을 사용할 수 있습니다 .

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


답변

있습니다 hasClass의 기능은

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


답변

jQuery 의 자식 기능을 사용하십시오 .

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

$.children('').length 선택자와 일치하는 하위 요소의 수를 반환합니다.


답변

간단한 방법

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


답변

직계 자식이라면 다음과 같이 할 수 있습니다.

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


답변