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

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");
     }
});

참고 URL : https://stackoverflow.com/questions/10539162/using-jquery-to-see-if-a-div-has-a-child-with-a-certain-class