Finden Sie die Anzahl der <td>s <tr> ohne mithilfe der id oder dem Namen

Wie berechnen Sie die Anzahl der <td> Elemente in einer bestimmten <tr>?

Ich nicht angeben, die id oder den Namen direkt zugreifen, haben wir die Verwendung der document.getElementsByTagName Konzept.

  • Sie scheinen zu wissen, über die getElementsByTagName. Also was genau ist dein problem? Wie geht das für Sie nicht arbeiten?
InformationsquelleAutor | 2008-11-04
  1. 6

    Können Sie etwas wie das folgende:

    var rowIndex = 0; //rowindex, in this case the first row of your table
var table = document.getElementById('mytable'); //table to perform search on
var row = table.getElementsByTagName('tr')[rowIndex];
var cells = row.getElementsByTagName('td');
var cellCount = cells.length;
alert(cellCount); //will return the number of cells in the row
    • man könnte hinzufügen das Kontrollkästchen für "Tisch" zur Unterstützung von mehreren Tabellen.
    • Du hast Recht, danke.
    InformationsquelleAutor Aron Rotteveel
  2. 3

    Dokument.getElementsByTagName liefert ein array der Elemente, so dass Sie sollten in der Lage sein, so etwas zu tun:

    var totals = new Array();

var tbl = document.getElementById('yourTableId');
var rows = tbl.getElementsByTagName('tr');
for (var i = 0; i < rows.length; i++) {
    totals.push(rows[i].getElementsByTagName('td').length;
}

...

//total cells in row 1
totals[0];
//in row 2
totals[1];
//etc.
    InformationsquelleAutor Ian Oxley
  3. 2

    bobince hat die richtige Antwort. Ich habe versucht, ihm etwas Liebe, aber ich bin neu mit einem 0 rep.

    tr.Zellen.Länge ist der Schnellste Weg zu bekommen, was Sie wollen.

    Nun, die Annahme ist, dass Sie bereits einen Verweis auf die tr. Wenn Sie nicht, an einem gewissen Punkt müssen Sie einen Verweis auf die Tabelle. Der DOM, das table-element hat ein array (eigentlich eine HTMLCollection) genannt Zeilen. 

    table.rows[r].cells[c]

    geben Sie die Adresse einer Zelle, in der r = der index der Zeile, und c = der index der Zelle innerhalb der Zeile.

    InformationsquelleAutor user34280
  4. 1

    Etwas wie

    var tot = 0;
var trs = document.getElementsByTagName("tr");
for (i = 0; i < trs.length; i++) {
    tds = trs[i].getElementsByTagName("td");
    tot += tds.length;
}

    Am Ende tot halten Sie die Gesamtzahl aller td-Elemente "Söhne" von tr-Elementen.

    InformationsquelleAutor Davide Gualano
  5. 1
    var trs = document.getElementsByTagName('tr');
for(var i=0;i<trs.length;i++){
  alert("Number of tds in row '+(i+1)+' is ' + tr[i].getElementsByTagName('td').length);
}

    warnt die Anzahl der <td>s in jedem <tr> auf der Seite.

    InformationsquelleAutor philnash
  6. 1

    Wenn Sie die jQuery Bibliothek, es sollte so einfach sein wie diese.

    $("table tr:eq(0) > td").length

    Können Sie alles verwenden, was als ein Selektor wie Sie CSS3

    $("#mytableid tr").eq(0).children("td").length

    Wäre ein weiterer Weg, es zu tun.

    InformationsquelleAutor Kent Fredric
  7. 1
    tr.cells.length

    Ist ein einfacher Weg, um ihn buchstabieren.

    InformationsquelleAutor bobince
Schreibe einen Kommentar