jQuery - Abrufen der zweiten übergeordneten Ebene eines Elements

Question

Ich versuche, das übergeordnete Element eines < Elternelements (Großeltern?) Abzurufen. Ich möchte diesen Großeltern finden, dann ein < b> -Tag in diesem Element finden und diesen Text als Variable speichern, um sie an anderer Stelle auf der Seite zu veröffentlichen. Ich habe versucht, die parent() -Funktion zu verwenden, aber ohne Erfolg.

Hier ist der Code, den ich versucht:

$('.mixPlayCell a').click(function() { 
     var title = $(this).parent().get(0).parent().get(0).text(); 
     alert(title); 
    }); 

Answer 1

Versuch:

$(this).parent().parent().find('.thingtofind').text(); 

Answer 2

$('.mixPlayCell a').click(function() { 
    elem = $(this).parent().parent(); 
    title = $("tag selector goes here",elem).html(); 
}); 

So etwas wie das?

Answer 3

$(this).parent().parent().find('mytag').text() 

Sollte gut funktionieren.

Sie können einen beliebigen Selektor in der find Methode verwenden. Wenn Sie nur in den direkten Kindern des Elements der Großeltern suchen müssen, können Sie auch $.children anstelle von find verwenden, die in allen untergeordneten Elementen des Elements sucht.

Answer 4

Es gibt nur 1 Elternteil, keine Notwendigkeit .get (0)

var title = $(this).parent().parent().find("whateveryouwant").html(); 

Answer 5

Für eine zweite Mutter Auswahl

parents(':eq(1)') 

sieht glatter als

parent().parent() 

Auch Sie könnte das

finden

passt die Arbeit besser.

Answer 6

Versuchen Sie, diese für einfache Implementierung:

$('.mixPlayCell a').click(function() { 
    var title = $(this).parents().text(); 
    alert(title); 
}); 

gerade geändert .parent() mit einem .parents()

Dies funktioniert für alle jQuery-Versionen ist.

Answer 7

parents() gibt eine Liste, so funktioniert das:

$(this).parents()[1];