Ajout de lignes de façon dynamique à la table à l'aide de la boucle en jQuery

Je veux utiliser jQuery 1.3.2 dans un fichier html et de créer un tableau dynamique. Pour cela, j'ai créer la première ligne, puis de créer une boucle de course de 10 fois et à chaque itération, j'sélectionnez la dernière ligne de la table et utiliser after() pour ajouter une nouvelle ligne après. Cette nouvelle ligne contient la valeur du compteur de ma boucle for.

code:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Document</title>
<script type="text/javascript" src="../jquery-1.3.2.js"></script>
<script type="text/javascript">

    $("document").ready(function() {
        for (var i = 0; i < 11; i += 1) {
            var newItem = $("<tr><td>"i"</td></tr>");
            $("#table1 tr:last").after(newItem.html());
        }
    });

</script>

</head>
<body>
<table id="table1">
    <tr>
    <td>row 1 col 1</td>
    </tr>
</table>
</body>
</html>

Le problème est que seulement la première ligne qui a été créé dans <table></table> est affiché. Veuillez aider.

InformationsquelleAutor Akash | 2012-02-04
  1. 5
    $("#table1 tr:last")

    sélectionne la dernière ligne. C'est un peu plus coûteuse en termes de traitement par rapport à

    $("#table1")

    qui sélectionne l'ensemble de la table.

    $("#table1 tr:last").after(...)

    est cher encore une fois, parce que, après que vous avez sélectionné la dernière ligne, vous faites un pas en arrière, revenir à la mère de tr:dernier et essayer d'ajouter quelque chose.

    Pourquoi ne pas essayer d'ajouter les lignes de la table que les enfants de tableau comme celui-ci?

    var row = $("<tr><td>"i"</td></tr>");
$("#table1").append(row);

    Append toujours ajouter, à la fin de la enfants de table1. Cela devrait être plus rapide. Jetez un oeil à ajouter dans le jQuery documentation.

    • thnks....thts droit
    InformationsquelleAutor Vlad Nicula
  2. 3
    for (var i = 0; i < 11; i += 1) {
    $("#table1").append("<tr><td>" + i + "</td></tr>");
}

    Ici est mon code

    • thnx...il a travaillé
    InformationsquelleAutor InspiredJW
  3. 0

    Essayer de cette façon:

    var newItem = "<tr><td>" + i + "</td></tr>"; 
$("#table1 tr:last").after(newItem);
    InformationsquelleAutor dfsq