Wie Tabelle set cell value mit jquery

Ich würde gerne den Wert der Zellen einer Tabelle Durchlaufen werden.
Idealerweise würde ich gerne den Zugriff auf eine Html-Tabelle wie ein array, d.h. $("#tbl")[row][col]="5"

Funktioniert das nicht.

$(document).ready(function() {
    for (var row = 0; row < 3; row++) {
        for (var col = 0; col < 3; col++) {
            $("#tbl").children().children()[row].children()[col].append("sdfasdf");
        }
    }
});

Funktioniert es, aber ich weiß nicht, warum!!!

  1. Ich verstehe nicht, $("#Tabelle").Kinder().Kinder() warum die Notwendigkeit für die 2. Kinder
  2. Warum ist die 3. Kinder, die keine Funktion ist, d.h. (Kinder) wie der 1. 2.
  3. Warum is ' NT innerHTML nicht eine Funktion, D. H. innerHTML() 
    $(document).ready(function() {
    for (var row = 0; row < 3; row++) {
        for (var col = 0; col < 3; col++) {
            $("#tbl").children().children()[row].children[col].innerHTML = "H!";
        }
    }
});
Sorry, ich kann nicht formatieren, mein code Bearbeiten, scheint Nicht zu funktionieren
Siehe mein edit für die Antworten zu deinen nummerierten Fragen. Siehe stackoverflow.com/editing-help für die code-Formatierung - ich werde bereinigen diese Frage für Sie.

InformationsquelleAutor David | 2011-04-11

  1. 14

    Wenn Sie nur wollen, um die Iteration über alle Zellen in der Tabelle, eine der folgenden arbeiten:

    $('#tbl td').each(function ()
{
    var $cell = $(this);
    //do something with the current <td>
});

//or,

$('#tbl tr').each(function ()
{
    var $row = $(this);
    $row.children().each(function ()
    {
        var $cell = $(this);
        //do something with the current <tr> and <td>
    });
});

    Wenn Sie wollen, um den Zugriff auf die Tabelle wie ein array, du gehst zu haben, um ein array selbst:

    var arr = $('#tbl > tbody > tr').map(function ()
{
    return $(this).children().map(function ()
    {
        return $(this);
    });
});

    Aber jQuery nicht verfügbar machen eine API, so dass Sie (jemals) in der Lage sein zu tun, einfache Zuordnung, wie in arr[row][col] = 5;. Mit den oben genannten array, das funktioniert:

    arr[row][col].text(5);

    Demo

    Bearbeiten

    (1) ich verstehe nicht, $("#Tabelle").die Kinder().(Kinder), warum die Notwendigkeit für die 2. Kinder

    Weil die jQuery - .children() - Funktion gibt nur einen Satz des Elements unmittelbaren Nachkommen, nicht alle Nachkommen (Kinder + Enkel + ...).

    (2) Warum ist die 3. Kinder, die keine Funktion ist, d.h. (Kinder) wie der 1. 2.

    Weil, wenn Sie verwenden der array Schreibweise zuzugreifen Elemente einer jQuery-collection, erhalten Sie die zugrunde liegende DOM-element, nicht ein jQuery-Objekt. Verwenden .eq(i) statt [i]:

    $("#tbl").children().children().eq(row).children().eq(col).append("sdfasdf");

    (3) Warum is ' NT innerHTML nicht eine Funktion, D. H. innerHTML()

    Wie in der Antwort auf Ihre Frage #2, ...children()[col] wieder ein DOM-element, nicht ein jQuery-Objekt. Die meisten Browser unterstützen das DOM - element.innerHTML Eigenschaft.

    Bei der Verwendung .eq(i) statt [i], wie oben, mit den .html() jQuery-Funktion.

    Sieh mein edit und sagen Sie mir, was Sie denken. Danke
    Vielen Dank für die Reinigung meiner Frage. Ich Schätze deine Erklärung, Aber ich bevorzuge meine Antwort auf die erste Frage (Für alle man auf der Suche nach einer Lösung", Wie Tabelle set Wert der Zelle mit Hilfe von jquery").
    Toller post.... Funktionierte perfekt...

    InformationsquelleAutor Matt Ball

  2. 1

    Können Sie versuchen, mit diesem Selektor $('#myTable tr:nth-child('+row+') td:nth-child('+col'+)').html("sdfasdf");

    InformationsquelleAutor pconcepcion

  3. 0
    $(document).ready(function () {
    var $rows = $("#tbl").find("tr");
    for (var row = 0; row < 3; row++) {
       var $columns = $($rows[row]).find("td"); 
       for (var col = 0; col < 3; col++) {
             $($columns[col]).append("sdfasdf");
        }
     }
});

    InformationsquelleAutor scrappedcola

  4. 0

    Wenn Sie wollen einfach nur den Wert zuzuweisen, der zu allen Zellen, die versuchen, diese:

    $(document).ready(function () {
    $("#tbl td").append("sdfasdf");
});

    Wenn Sie möchten, zu extrahieren die Zellen als 2-dimensionales array:

    $(document).ready(function () {
    var rowsNcells = $.map($("#tbl tr"),
    function(el, ind){
        var row = [];
        $("td", el).each(function(){
            row.push(el);
        });
        return row;
    });
});

    und dann irgendwo im code.

    $(rowNcells[1][2]).text("Something");

    InformationsquelleAutor Chandu

  5. 0

    Meinst du wie diese? 

    <table>
    <tr><td>1</td><td>2</td></tr>
    <tr><td>1</td><td>2</td></tr>
    <tr><td>1</td><td>2</td></tr>
    <tr><td>1</td><td>2</td></tr>
</table>

var tr = 1;
$('table tr').each(function(){
    var td = 1;
    $(this).find('td').each(function(){
        $(this).append(' | TR : ' + tr + ' TD : ' + td );
         td++;
    });
    tr++;
});

    Live-demo hier : http://jsfiddle.net/8xFFH/

    Durchläuft alle TD ' s, so dass Sie wissen, die Sie sind in. Sie können auch einfach verwenden $('table tr td').append() wenn es eine statische Anhängen.

    InformationsquelleAutor JohnP

Schreibe einen Kommentar