Jquery - Wählen Sie td-Wert für alle tr mit einer Klasse

Ich habe eine Tabelle

<table>
       <tr class="PO1"></tr>
       <tr class="PO2"></tr>
       <tr class="PO3"></tr>
</table>

Wie kann ich eine Schleife durch alle tr mit Klasse "PO1" und den Wert jedes 'td' Wert?

$("table#id tr .PO1").each(function(i)
{
    //how to get the td values??
});
InformationsquelleAutor Lamps | 2011-05-13
  1. 9
    var values = $('table tr.PO1 td').map(function(_, td) {
    return $(td).text();
}).get();

    Diese würde einfach ein array erstellen mit dem text-Inhalt von jedem td. Wahrscheinlich eine bessere Idee, eine map/object statt:

    var values = $('table tr.PO1 td').map(function(index, td) {
    var ret = { };

    ret[ index ] = $(td).text();
    return ret;
}).get();
    • +1 am Besten Weg. Schlag mich 🙂
    • Ich werde versuchen, diese...
    • die Karte wäre sogar mehr expresive, wenn diese td Knoten haben eindeutige Klassen/ids/Eigenschaften, die als Schlüssel. Wenn nicht, wird der index ist vermutlich der einzige Weg, zu identifizieren.
    • Ok danke... bei mir hat Es geklappt...
    • nicht genau. Nur das mapping der Werte gibt Sie keine Ahnung, danach, wenn der Wert innerhalb des Arrays kam. Durch das schieben Objekte in dem array zugeordnet, Sie können zusätzliche Informationen, die pro Wert.
    • Die Karte, die erstellt wird, ist nicht mehr zu Informationszwecken. Die arrays aus dem ersten bit des Codes indiziert sind, werden Die erstellten Objekte in das zweite bit der code indiziert sind. Es ist nur eine andere Ebene der Verschachtelung. Ich sehen, was Sie bekommen, wenn auch mit der Tatsache, dass man, möglicherweise, store etwas von Wert in den Schlüssel. In diesem Fall, obwohl, der Schlüssel ist nur, was gewesen wäre, die Schlüssel im array des vorherigen bit-code.
    • Hi, Wenn ich will das die td-Werte in einem Objekt, ich meine alle die Werte in den verschiedenen tr gehen sollte, in einzelne Objekte. Wie kann ich dies tun? Danke.
    • $("#tblPurchaseOrders tr.PO1").map(function(index, tr) { var Zeilen = $(tr - + "td").map(function(ind, td) { var ret = {}; ret[ind] = $(td).text(); return ret; }).get(); });
    • Wird der obige code funktioniert??
    • wieder, nur Zuordnung der Werte in einem array ist nicht-informativ. Vor allem, wenn die OP nur packt tds mit einem Klassennamen, der ursprüngliche index ist verloren.
    • Setzen die Werte in ein array ist genauso informativ, wie Sie Sie in ein Objekt in ein array. In das array z.B. array-index ist der index, der der Knoten gefunden wurde, durch den Selektor (denke eq(index)). In das Objekt in einem array, wird der Schlüssel in das Objekt ist der index, der Knoten wurde gefunden durch die Auswahl. Nicht mehr oder weniger Informationen oder so. Keine information verloren.
    • array-index ist der index, der der Knoten gefunden wurde -> nicht, ist es natürlich nicht! Macht er nicht Abfrage alle tds, aber nur bestimmte (durch Klassennamen). Warum würden Sie erwarten, dass dies immer noch die richtige Reihenfolge später ?
    • jQuery-Selektoren gespeichert sind, in der DOM-Reihenfolge. Beide Beispiele haben die gleiche Menge an nützlichen Informationen, man braucht einfach mehr Zeit und Speicher. Ich weiß nicht, wie sonst sei es zu erklären. Sorry.

    InformationsquelleAutor jAndy
  2. 1

    Den Raum vor .P01 ist, was mit brechen Ihre aktuelle code.

    $("tr.PO1 td").each(function(i){
    $(this).text()
});
    • Das wird nicht funktionieren...
    • LOL, das ist, weil es nicht PO1 P01. o-vs zero(0). Ich habe aktualisiert den Antwort-code.
    InformationsquelleAutor wewals
  3. 0

    Hinweis : ich entfernt ein Leerzeichen vor .PO1, weil Ihr tr class P01

    $("table#id tr.PO1").each(function(i)
{
    $(this).find("td").innerHTMl() //for example
});
    InformationsquelleAutor Grooveek
  4. 0
    $("table#id tr.PO1").each(function(i)
{
    i.children('td').each(function(tdEL) {
        //tdEl.val();
    });
});

    Beachten Sie das Leerzeichen habe ich entfernt, zwischen tr und .PO1. In Sie Fall zu finden versuchen jedes tr mit einem Kind mit der Klasse .PO1.

    InformationsquelleAutor Stijn Janssen
Schreibe einen Kommentar