jQuery: Si l'élément sélectionné $(this) a un parent avec un nom de classe de la "dernière"

Je doit manquer quelque chose d'important, j'ai été à l'aide .parent().parent().parent().. etc descendre dans les DOM et .next().next() pour parcourir le DOM.

Je sais que c'est mal et que j'ai besoin de quelque chose de plus fiable, j'ai besoin d'un sélecteur de la traversée de l'cliqué sur l'élément $(ce) dans le DOM pour voir si l'élément est cliqué à l'intérieur d'un élément à une classe de la "dernière".

div.last > div > table > tr > td > a[THE ITEM CLICKED is in the element last]

et

div > div > table > tr > td > a[THE ITEM CLICKED is not in the element last]

puis si le résultat est de longueur 

var isWithinLastRow = [amazingSelector].length;

faire quelque chose d'autre dans ce cas.

Essayez $(this).closest('div.last') Aussi.. .parent() et .next() ne sont pas liés(ce qui signifie pas exact opposé). .next() est à chercher du côté de la fratrie et .parent est d'aller directement à la mère. L'exact opposé de .next est .prev.

OriginalL'auteur Iamsamstimpson | 2013-06-12

  1. 18

    Essayez ceci:-http://jsfiddle.net/adiioo7/PjSV7/

    HTML:-

    <div class="last">
    <div>
        <table>
            <tr>
                <td>
                    <a>Test</a>
                </td>
            </tr>
        </table>
    </div>
</div>
<div>
    <div>
        <table>
            <tr>
                <td>
                    <a>Test</a>
                </td>
            </tr>
        </table>
    </div>
</div>

    JS:-

    jQuery(function($){
    $("a").on("click",function(){
       if($(this).closest(".last").length>0)
       {
           alert("Clicked anchor with div parent class as last");
       }
    });
});

    OriginalL'auteur Aditya Singh

  2. 5

    Votre question est un peu difficile à comprendre. Vous voulez vérifier si l'élément cliqué a un ancêtre de l'élément avec la classe last, oui?

    Si oui, vous pouvez le faire avec $.fn.les parents:

    if ($(this).parents('.last').length) {
    //element has an ancestor element with the class "last"
}
    À partir de la comparaison entre parents et closest dans le de ce dernier, l'API il ressemble à closest est plus rapide car elle s'arrête au premier match.

    OriginalL'auteur lonesomeday

  3. 2

    Vous pouvez le faire -

    if($(this).closest(".last").length > 0) {
   alert("it's inside");
}

    OriginalL'auteur Mohammad Adil

  4. 1

    Vous pouvez utiliser .plus proche (le)

    var isWithLastRow = $(this).closest('div.last').length

    OriginalL'auteur ᾠῗᵲᄐᶌ