jQuery: Inhalt nach einer bestimmten Zelle bekommen

JaffaCoder · 21. August 2011, 16:23

Hallo,
nachdem ich über 2 Seiten im Chip-forum mit jemand nach einer Lösung gesucht habe, probier ichs hier nochmal

(Hier der Thread: forum.chip.de/html-css-javascr…-1548563.html#post9502319 );)

Ich habe eine Tabelle ohne ID, name, class oder sonst irgendwas. Ihre DOM ändert sich andauernd.

In dieser befinden sind diese Zeilen:

Quellcode

<tr bgcolor="123014">
<td width="55%">Gesamt-Erfahrungspunkte:</td>
<td>1154</td>
</tr>
<tr bgcolor="173F1A">
<td>Gesamt-Charakterpunkte:</td>
<td>1170</td>
</tr>

Ich bruach jeweils den Inhalt der zweiten td in jeder tr

Hab schon alles von has bis contains ausprobiert. Hat noch nichts funktioniert.

Quellcode

$i = $('td').index($("td:contains('Gesamt-Erfahrungspunkte:')")) + 1; $val = $('td').eq($i).html(); alert($val);

Hat auch nicht funktioniert

Danke schonmal

Edit: Bild für bessere Verständnis

[Blockierte Grafik: http://img21.imageshack.us/img21/7769/screenchip.png]

Nippel · 21. August 2011, 16:56

api.jquery.com/odd-selector/

Muesste das ganze richten.

JaffaCoder · 21. August 2011, 17:05

Danke, aber ich bekomm als Ausgabe die ganze Zeit nur [object Object]

Torben Brodt · 21. August 2011, 18:15

Hm, deine Lösung ist aber nicht sehr flexibel. Ich würde die gesamte Tabelle in ein Objekt umwandeln.
Und dann kannst du mit dem Objekt arbeiten.

Quellcode

function getTableMap() {
var map = {};
$('table tr').each(function(x) {
var td = $(this).find('td');
map[ $.trim($(td[0]).text()) ] = $.trim($(td[1]).text());
});
return map;
}
document.write('Intelligenz = ' + getTableMap().Intelligenz);

[jsfiddle]TorbenBrodt/V9FJP[/jsfiddle]

JaffaCoder · 21. August 2011, 18:40

~~Ufff, aber da muss ich doch wieder die DOM-Position benutzen :huh:~~
Edit: Wenn ich aber Intelligenz: benutz, funktioniert das wegen des : nicht...

Torben Brodt · 21. August 2011, 19:17

?? Funktioniert doch im Beispiel?
Ansonsten kannst du auch mit Array Schreibweise darauf zugreifen

x['Intelligenz von xx']

JaffaCoder · 21. August 2011, 21:31

Geht das nicht ein bisschen einfacher?

Versteh den Code nämlich nicht und jQuery ist es auch nicht

Torben Brodt · 21. August 2011, 21:57

Dollar und map sind beides jquery methoden. Was verstehst du nicht? Der code bedarf eigentlich keiner anpassung mehr und kann direkt verwendet werden. Die antwort zu deiner frage:
getTableMap()['Intelligenz:']

UPDATE: Verwende each statt map. Das ist in dem Fall besser.

JaffaCoder · 21. August 2011, 22:36

Ahh, im schriebem vom Post und meinen Fragen, die drin waren hab ichs geblickt... danke

Ich halt dich inzwischen für ein Genie :whistling:

Werds gleich mal ausprobieren

JaffaCoder · 21. August 2011, 23:30

Ähm, eine Frage noch. Irgendwie ist die Variable leer, wenn ich sie über einen Click auf die Radio als Value einfügen will:

Betreffende Schnipsel:

Quellcode

<td><input name="kraft" value="0" size="2" type="text"></td>

Quellcode

<input type="radio" name="skillung" value="SMA" id="SMA"> Stammkampf, Magierkampf und Arbeiten<br>

Quellcode

var test = getTableMap()['Kraft:'];

Quellcode

$('[value="SMA"]').change(function()
{
$('[name="kraft"]').val(test);
});

Ich hab den Code mal hier hochgeladen:

jsbin.com/ikirid

Torben Brodt · 22. August 2011, 18:12

Du willst nicht wirklich auf VALUE = sma filtern, oder?

JaffaCoder · 22. August 2011, 19:44

Wie sonst? Ich hatte am Anfang halt auf name = skillung, aber das geht ja nur, wenn man 2 Radios hat...

Torben Brodt · 22. August 2011, 21:23

naja, per ID - aber passt schon

Zum eigentlichen Problem: getTableMap()['Kraft:'] hat in deinem Beispiel nicht funktioniert, wegen der vielen Whitespaces um Kraft herum.
Ich habe deswegen mal trim angwendet, damit funktioniert es.

Ich habe mein Posting No. 4 aktualisiert.

JaffaCoder · 22. August 2011, 21:45

Ahhh, danke

Funktioniert, jetzt bin ich glücklich :thumbsup:

jQuery: Inhalt nach einer bestimmten Zelle bekommen

jQuery: Inhalt nach einer bestimmten Zelle bekommen

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Quellcode

Teilen

Tags