jQuery: Erstes Kindelement des Elternelements

Computer: Software & Programmierung JavaScript & Script-Sprachen
#1

Hallo zusammen,
ich habe eine Tabelle:

Gemüse
Obst
Getreide

Für die verarbeitung eines click-events möchte ich den Inhalt des ersten Kindes des Elternelements des Elements auf das gecklickt wurde in einer variablen speichern.

Also wenn auf Getreide gecklickt wurde, ist das elternelement und Gemüse das erste
Kindelement.

Was ich versucht habe:
var firstChild = $(this).parent().filter(’:first-child’).text();

Wenn ich das mache bekomme ich aber alle Kindelemente. Text() sind dann so aus:

Gemüse
Obst
Getreide

Was mache ich da falsch, oder gibt es einen anderen weg ohne den Elementen Klassen zu geben?

Viele freundliche Grüße

Friendly

#2

hi, versuch’ mal .first()

#3

hi wwworker,
danke für dein Antwort.
Ich mache es jetzt folgendermaßen:
var itemID = { id: $(this).children(":first-child").text() };

so hab ich auch gleich die korrekte notation für $.get()…
Nur frage ich mich warum das andere nicht funktioniert hat!?!
Wäre super wenn mir da jemand einen Wink, vll auch mit einem Zaunpfahl, gibt.

Jetzt hab ich zwar den korrekten Wert, aber das funktioniert scheinbar nur bei statischem HTML.

Wenn ich die statische Tabelle dynamisch mit weiterem Inhalt fülle komme ich mit dieser Traversion nicht an den richtigen Punkt, bzw es gibt den richtigen Punkt noch garnicht.

Wenn ich eine dynamisch erzeugte Zeile anclicke gibt es zwar ein click-event und var itemID bekommt auch einen Wert nur kommt der Wert aus darüber liegenden Zeilen.
Der Wert ist dann der Inhalt der statischen Headline ().

Fällt dazu jemandem was ein?

hi, versuch’ mal .first()

#4

Ist mir zu kompliziert, keine Ahnung sorry

#5

Moin moin,

Was ich versucht habe:
var firstChild =
$(this).parent().filter(’:first-child’).text();

Passt fast. Versuche es mal mit $(this).parent().children(’:first’).text();

Viele grüße,
Salbei

#6

Hi Salbei,
danke für deine Antwort. Ich verwende jetzt
„var itemID = { id: $(this).parent().children(“:first-child").text() };"
so habe ich direkt die korrekte Notation für eine $.get()-Funktion.

#7

hallo friendly,
ich habe ein wenig herum experimentiert und finde im moment keine richtige lösung.

hilft es dir, wenn du jeder TD eine ID gibst und dann den inhalt mit der ID abfragst?
Gemüse
Obst
Getreide
Gemüse2
Obst2
Getreide2

/*<![CDATA[*/
function zeigen(feld){
alert($(feld).text());
}