Angenommen, der folgende HTML-Code:
%Vor%und das folgende Javascript (mit jquery 1.3.2):
%Vor%Mein Ziel ist es, die angeklickte li verstecken zu können, aber ich kann ihnen keine eindeutigen IDs zuweisen. Daher möchte ich es positionsmäßig machen (d. H. Den bestimmten angeklickten Anker identifizieren) durch etwas wie $ (anchor) .parent (). Hide ().
Die obige Warnung gibt jedoch "undefined" zurück, daher ist es für mich nicht offensichtlich, dass ich sogar das richtige jquery-Objekt habe.
Wie finde ich heraus, welches Objekt $ (anchor) ist? Insbesondere, wie sehe ich, welche Attribute es hat, welche Klasse es hat, welches HTML-Element es ist, etc?
$(...) in jQuery ist niemals ein einzelnes HTML-Element; es ist immer eine Liste von ihnen.
Sie können .get() verwenden, um in eine normale Javascript-Liste zu konvertieren oder, besser, .each() :
Dies wird Ihnen etwas wie [object HTMLAElement] geben. Sie müssten for/in verwenden, um es vollständig zu untersuchen, aber .tagName und .innerHTML sind wahrscheinlich gut genug, um herauszufinden, wo Sie sind.
Ich möchte auch $(...).css('outline', '1px solid lime') verwenden, um Elemente zu finden. Es macht es schwer zu übersehen und leicht mit Firebug zu lokalisieren.
Nachtrag: Ich stimme definitiv der obigen Antwort zur Trennung von Javascript und HTML zu. JS nicht inline.
Tags und Links javascript html jquery