Javascript добавить строку в таблицу, сгенерированную Javascript

Question

Может кто-нибудь сказать мне, где добавить небольшой кусок кода, чтобы добавить одну строку вверху таблицы, содержащей числа. Мне нужна только одна добавленная строка, но с содержимым кода ниже, 15 ячеек размещены поверх каждого из них, я думаю, что код помещает cel для каждого имени.

$("#myTable tbody").prepend("<tr><td>...contents...</td></tr>"); 

Этот код, приведенный выше, является кодом, в котором он должен вписываться.

Я пытался добавить его до этой части под

$('#players table tr').each(function() 

Это код, где он должен быть помещен в где-то

<script type="text/javascript"> 

    (function() { 

    var players = { 
     Joop : ["6","8","16","18","26","28","32","36","38","41"], 
     Marijke: ["7","10","14","18","24","29","30","34","39","40"], 
     Michel : ["4","5","11","16","21","27","33","36","42","44"], 
     Mario : ["6","9","18","25","32","35","39","40","43","45"], 
     Diana : ["2","6","8","17","22","23","33","36","42","45"], 
     Agnes : ["3","5","10","15","26","29","32","37","41","44"], 
     Chris : ["5","7","8","9","11","12","16","28","30","32"], 
     Jeannette: ["1","2","4","7","8","11","13","28","30","38"], 
     Wieger: ["1","2","3","7","10","13","14","22","23","27"], 
     Anita: ["6","13","15","17","21","26","32","33","43","45"], 
     Thea: ["1","3","5","7","10","17","19","20","22","38"], 
     Danny: ["3","7","11","15","22","28","32","37","40","43"], 
     Cindy: ["2","4","16","18","21","24","33","38","41","44"], 
     Hanneke: ["1","3","4","12","18","21","25","30","36","40"], 
     Willem: ["3","9","17","21","27","33","35","39","41","42"] 
    }, 

    draws = [ 
     { 
     when: 'Datum: Zaterdag 08-08-2009', 
       picks:[2, 13, 15, 18, 21, 41] 
     }, 

     { 
     when: 'Datum: Zaterdag 15-08-2009', 
      picks:[6, 19, 24, 25, 35, 37] 
     }, 

     { 
     when: 'Datum: Zaterdag 22-08-2009', 
      picks:[8, 17, 23, 26, 37, 42] 
     }, 

    { 
     when: 'Datum: Zaterdag 29-08-2009', 
      picks:[1, 11, 31, 39, 42, 43] 
     } 
    ]; 



    var buildPlayers = function(){ 
     var cont = $("#players"), table = $('<table></table>'); 
     for(player in players){ 
     if (players.hasOwnProperty(player)) { 
      var tr = $('<tr><th>' + player + '</th></tr>').appendTo(table), 
       len = players[player].length; 

      for (var i = 0; i < len; i++) { 
       var td = $('<td/>') 
     td.addClass("loss") 
     .addClass("pick_" + players[player][i]) // add the class to the td 
     .text(players[player][i]) 
     .appendTo (tr); 

     } 


     var winning = $('<td>').addClass('winning-col').appendTo(tr); 

      cont.append(table); 
     } 
     } 
    }; 


    var buildDraws = function(){ 
     var cont = $("#draws"); 
     for(var i = 0; i < draws.length; i++){ 
     var html = ["<div class='draw'>","<h4 class='drawNum'>Trekking "+(i+1) +"</h3></p>","<div class='date'>"+draws[i].when+"</div>","<ol class='picks'>"]; 

     for(var j = 0; j < draws[i].picks.length; j++) { 
      var img = '<img src="http://www.lotto.nl/static/images/ballen/lotto/l' 
     + draws[i].picks[j] 
     + '.jpg" alt="' 
     + draws[i].picks[j] 
     + '" />'; 
      html.push("<li>"+img+"</li>"); 
      showWin(draws[i].picks[j]); 
     } 



     html.push("</ol>","</div>"); 
     cont.append(html.join("")); 
     } 
    }; 

    var showWin = function(winNum){ 
     $(".pick_"+winNum).removeClass("loss").addClass("win"); 
    }; 


    $(function(){ 
     buildPlayers(); 
     buildDraws(); 
     function countWinning() { 
     $('#players table tr').each(function() { 
      var winning = $('td.win', this), total = 0; 
      winning.each(function(i,num) { 
      total+= parseInt($(this).text(), 10); 
      }); 

      $(".winning-col", this) 
     .text($("td.win", this).length) 
     .addClass("hilighted"); 

     }); 
     } 
     countWinning(); 
    }); 


    })(); 

    </script> 

Answer 1

Они будут все добавить строку в начало таблицы:

Использование insertBefore:

$('<tr><td>Stuff</td></tr>').insertBefore('#players > tbody > tr:first'); 

Использование before:

$('#players > tbody > tr:first').before('<tr><td>Stuff</td></tr>'); 

Использование prependTo:

$("<tr><td>some data</td></tr>").prependTo("#players > tbody"); 

Использование prepend:

$("#players tbody").prepend("<tr><td>...contents...</td></tr>"); 

Если таблица генерируется на лету, вы можете попробовать опуская tbody тег из селектора, например:

$('<tr><td>Stuff</td></tr>').insertBefore('#players > tr:first'); 

Answer 2

, котор я не обычно делают это, но так как я писал об этом несколько дней назад в длину я дам вам ссылку на что:

http://notetodogself.blogspot.com/2009/08/javascript-insert-table-rows-table-body.html