jQuery - Jeśli element nie ma elementu nadrzędnego z określoną klasą

Question

Próbuję utworzyć instrukcję if w jQuery dla elementów, które mają element macierzysty z określoną klasą.

Oto, do czego do tej pory doszedłem, ale to nie w porządku.

if(!$(".myElem").parents(".myDiv")) { 
    console.log("test") 
}; 

Czy ktoś może wskazać mi właściwy kierunek, proszę.

Answer 1

Zastosowanie length sprawdzić to są elementy selektora i closest() byłaby lepsza niż parents() jak przestanie kiedyś znajdzie dopasowanie:

if(! $(".myElem").closest(".myDiv").length) { 
    console.log("has no parent with the class .myDiv") 
} 

Answer 2

Jeśli testujesz, czy element z klasą myElem ma bezpośredni rodzic z klasy myDiv użyć następującego testu

if(!$(".myElem").parent().hasClass("myDiv")) { 
    console.log("test") 
}; 

Answer 3

ten powinien wybrać te elementy, które posiadają klasę myElem z rodzicem, który ma myDiv Klasa:

$(".myElem").filter(function(elem) { 
    return $(this).parents(".myDiv").length 
}); 

lub powinien to zaznaczyć te elementy, które posiadają klasę myElem i nie ma rodzica, który ma myDiv Klasa:

$(".myElem").filter(function(elem) { 
    return !$(this).parents(".myDiv").length 
}); 

Answer 4

if($(".myElem").parent().hasClass(".myDiv")) { 
    console.log("has a parent with the class .myDiv") 
} 
else 
{ 
    console.log("no parent class .myDiv found") 
} 

Answer 5

Spróbuj tego.

if($("#child").parent("span#parent").length > 0) 
    { 
      console.log("parent is span"); 

    } 
    else { 
      console.log("parent is not span or no parent"); 
    } 

Answer 6

Lepszym rozwiązaniem jest użycie .closest(), jeśli znasz nazwę klasy dziecka.

if(!$('yourtag.childClass').closest('yourParentTag').hasClass('classname')){ 
    console.log('does not exist'); 
}