jQuery: Wenn das ausgewählte element $(this) ein Elternteil hat, der mit einem Klassennamen von "Letzte"

Ich muss fehlt etwas sehr wichtiges, ich habe mit .parent().parent().parent () ... etc um die traverse nach unten den DOM .next().next() zu Durchlaufen, bis der DOM.

Ich weiß, das ist falsch und ich brauche etwas zuverlässiger, brauche ich eine Auswahl, die traverse wird von der angeklickten element $(this) auf der DOM zu sehen, wenn das element geklickt wird innerhalb eines Elements mit der Klasse "last".

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

und

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

dann, wenn das Ergebnis hat die Länge 

var isWithinLastRow = [amazingSelector].length;

etwas anderes zu tun in diesem Fall.

  • Versuchen $(this).closest('div.last') Auch.. .parent() und .next() sind nicht verwandt(also nicht genaue Gegenteil). .next() ist zu Holen den nächsten Geschwisterknoten und .parent ist, gehen direkt zu den Eltern. Das genaue Gegenteil von .next ist .prev.
InformationsquelleAutor Iamsamstimpson | 2013-06-12
  1. 18

    , Dies auszuprobieren:-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");
       }
    });
});
    InformationsquelleAutor Aditya Singh
  2. 5

    Ihre Frage ist ein wenig schwer zu verstehen. Sie möchten überprüfen, ob das element geklickt hat einem Vorfahren-element mit der Klasse last, ja?

    Wenn ja, können Sie tun so mit $.fn.Eltern:

    if ($(this).parents('.last').length) {
    //element has an ancestor element with the class "last"
}
    • Aus dem Vergleich zwischen parents und closest im dessen API es sieht aus wie closest ist schneller, weil es Stoppt bei der ersten übereinstimmung.
    InformationsquelleAutor lonesomeday
  3. 2

    Können Sie dies tun -

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

    Können Sie .am nächsten()

    var isWithLastRow = $(this).closest('div.last').length
    InformationsquelleAutor ᾠῗᵲᄐᶌ
Schreibe einen Kommentar