jQuery - Si l'élément n'a pas de parent avec une classe spécifique

Je suis en train de créer une instruction if dans jQuery pour les éléments qui ont un parent avec une classe spécifique.

C'est ce que j'ai trouvé jusqu'à présent, mais il n'est pas juste.

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

Quelqu'un peut me pointer dans la bonne direction s'il vous plaît.

source d'informationauteur Tom

  1. 25

    Utilisation length pour le vérifier il y a des éléments dans le sélecteur, et closest() serait mieux que parents() que ça s'arrête une fois qu'il trouve une correspondance:

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

    Si vous êtes à tester si l'élément avec la classe myElem a un parent direct avec la classe myDiv utiliser le test suivant

    if(!$(".myElem").parent().hasClass("myDiv")) {
    console.log("test")
};
  3. 3
    if($(".myElem").parent().hasClass(".myDiv")) {
    console.log("has a parent with the class .myDiv")
}
else
{
    console.log("no parent class .myDiv found")
}
  4. 1

    Cela doit sélectionner les éléments qui ont eu la classe myElem avec un parent qui a une classe myDiv:

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

    ou cela doit sélectionner les éléments qui ont eu la classe myElem et n'a pas un parent qui a une classe myDiv:

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

    Essayer celui-ci. 

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

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

    Une meilleure approche est d'utiliser .closest() si vous connaissez le nom de classe de l'enfant.

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