Vérifier si l'élément contient un autre en jQuery

J'ai trouvé de nombreuses choses sur Stack Overflow, mais pas pour mon cas.

C'est dans cette exemple, j'ai besoin de vérifier si un élément contient une autre, et si oui, ajoutez quelque chose.

$(".bt_repondre").click(function(){
    comment = $(this).parent().parent().parent();
    //I want to check if comment contains a .comment_full element, if no, append.
    comment.append('add');
});

Espère que vous pourrez m'aider, j'ai essayé beaucoup de choses...

InformationsquelleAutor Jeff B. | 2012-11-01
  1. 16

    Suffit d'utiliser .find() et de vérifier si les rendements d'un élément, comme ceci:

    $(".bt_repondre").click(function(){
    comment = $(this).parent().parent().parent();
    if (! comment.find('.comment_full').length) {
       comment.append('add');
    }
});
    • Vous devriez vraiment vérifier Blender réponse! C'est un peu plus concis que celui-ci
    • PS: Ne pas utiliser .parent().parent().parent(). Utilisation .closest(".someSelector")
    InformationsquelleAutor Nelson
  2. 31

    Vous pouvez utiliser .has et .length:

    if (comment.has('.comment_full').length) {
    //It has that element
}

    • .find va se répéter sur tous les descendants, mais .has va s'arrêter une fois un descendant qui correspond le sélecteur a été trouvé. Il peut courir plus vite.

    • .length vérifie juste pour voir si la longueur de l'ensemble des éléments est non nul.

    InformationsquelleAutor Blender
  3. 9

    La plupart de ces réponses sont incorrectes. Vous doit passer un nœud DOM pas un jQuery élément de $.contient de travailler correctement par https://api.jquery.com/jQuery.contains/.

    Par exemple, voici comment vous pouvez déterminer si $('#a') contient $('#b).

    HTML:

    <div id="a">
  <div id="b"></div>
</div>

    JavaScript:

    var $a = $('#a');
var $b = $('#b');
var contains = $.contains($a.get(0), $b.get(0));
console.log('contains', contains);
//outputs `true`
    InformationsquelleAutor niftylettuce
  4. 1

    La plupart de ces réponses sont grands, mais il y a un nouvelle méthode appelée contient(contenant,contenu) (ajouté en 1.4) qui renvoie un Boolean! Il le fait essentiellement la même chose que Blender est extrait de code, mais est probablement plus rapide, à la fois au type et à exécuter.

    Mis en œuvre dans votre code, ce serait ressembler à ceci:

    $(".bt_repondre").click(function(){
    comment = $(this).parent().parent().parent();
    if(!$.contains(comment, $('.comment_full')))//same as if(!jQuery.contains(...
    {
        comment.append('add');
    }
});
    InformationsquelleAutor ksoo
  5. 1

    Si vous cherchez disons tout tr élément à l'intérieur de la table avec l'id de myTable vous pouvez utiliser le code suivant:

    if($('#productsTableBody tr').length)
{
//...
}

    De cette façon, on peut vérifier la météo de la table contient une ligne.

    InformationsquelleAutor Dovlet Mamenov
  6. 0

    essayer cette

     comment.has('a.comment_full').length == 0
    • Ne serait-ce pas vous dire si c' ne pas contient l'autre élément?
    InformationsquelleAutor YogeshWaran