2016-06-17 3 views
-1

Ich habe einige Zeilen in einer Tabelle wie folgt: <tr class="problem_display_work>, die jeweils zwei <td> s haben.Wählen Sie innerHTML aus Erste von Letzte <tr> - jQuery

Ich versuche, das innereHTML so auszuwählen/zu warnen: alert($('tr.problem_display_work td:first-child').innerHTML);, aber es funktioniert nicht.

Was fehlt mir hier?

+0

'Alarm;' –

Antwort

1

versuchen

alert($('tr.problem_display_work td:first').html()); 

bearbeiten für das letzte Stb

alert($('tr.problem_display_work:last td:first').html()); 
+0

Ya, aber OP will letzten TR, hier wird es zuerst TD html von ** zuerst ** TR –

+0

dann nur Alert ($ ('tr.problem_display_work: last td : zuerst ') .html()); – Woncker

+1

Ya genau, auch wenn ': last' und': first' nicht CSS-Selektor, sondern jQuery-Pseudo-Einsen sind. Wenn möglich, ist es besser, plain CSS one, ': last-child' und': first-child' zu verwenden, indem man querySelectorAll() verwendet DOM-Methode –

-2

können Sie versuchen:

alert($('.problem_display_work td:first-child').innerHTML); 
+2

Es gibt keine innerHTML- für ein jQuery-Objekt definiert. .get (0) .innerHTML oder nur .html() – mplungjan

0

Der Code, den Sie arbeiten schrieb könnte, aber man würde Extrakt JavaScript-Objekt aus youre brauchen jquery-Objekt. Dies geschieht einfach durch Hinzufügen von [0] zu Ihrem jquery-Selektor. So

alert($('tr.problem_display_work td:first-child').innerHTML) 

funktionieren würde, wenn Sie

alert($('tr.problem_display_work td:first-child')[0].innerHTML) 
tat
+0

oder einfach .html() – mplungjan

+0

dachte ich könnte ihm helfen, etwas Neues zu lernen, das auf lange Sicht vorteilhaft ist. –

+0

Aber .html() ist die Methode zu verwenden, wenn Sie DOM und jQuery nicht mischen, also ist es das wert, darauf hinzuweisen? – mplungjan

0
alert($("tr.problem_display_work :first-child").text()); 

versuchen diese

2

sollten Sie versuchen, beide:

alert($('tr.problem_display_work td:first').html()); 
alert($('tr.problem_display_work td').first().html()); 
0

Ich ziehe dies, da es nicht abhängt auf CSS-Klassen. (. $ ('Tr.problem_display_work: last-child> td: first-child') html())

alert($('tr:last-child td:first-child').html());