Javascript将行添加到Javascript生成的表中
有人能告诉我在哪里添加一小段代码，以便在包含数字的表格顶部添加一行。我只需要添加一行，但下面的代码提供了15个单元格，每个单元格的顶部都放置了一个cel，我认为代码为每个名字都放置了一个celJavascript将行添加到Javascript生成的表中,javascript,jquery,Javascript,Jquery,有人能告诉我在哪里添加一小段代码，以便在包含数字的表格顶部添加一行。我只需要添加一行，但下面的代码提供了15个单元格，每个单元格的顶部都放置了一个cel，我认为代码为每个名字都放置了一个cel $("#myTable tbody").prepend("<tr><td>...contents...</td></tr>"); 这是应该放在某个地方的代码 <script type="text/javascript"> (funct
$("#myTable tbody").prepend("<tr><td>...contents...</td></tr>");
<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>
（功能（）{
var玩家={
Joop:[“6”、“8”、“16”、“18”、“26”、“28”、“32”、“36”、“38”、“41”]，
Marijke:[“7”、“10”、“14”、“18”、“24”、“29”、“30”、“34”、“39”、“40”]，
米歇尔：[“4”、“5”、“11”、“16”、“21”、“27”、“33”、“36”、“42”、“44”]，
马里奥：[“6”、“9”、“18”、“25”、“32”、“35”、“39”、“40”、“43”、“45”]，
戴安娜：[“2”、“6”、“8”、“17”、“22”、“23”、“33”、“36”、“42”、“45”]，
艾格尼丝：[“3”、“5”、“10”、“15”、“26”、“29”、“32”、“37”、“41”、“44”]，
克里斯：[“5”、“7”、“8”、“9”、“11”、“12”、“16”、“28”、“30”、“32”]，
珍妮特：[“1”、“2”、“4”、“7”、“8”、“11”、“13”、“28”、“30”、“38”]，
维格：[“1”、“2”、“3”、“7”、“10”、“13”、“14”、“22”、“23”、“27”]，
安妮塔：[“6”、“13”、“15”、“17”、“21”、“26”、“32”、“33”、“43”、“45”]，
Thea:[“1”、“3”、“5”、“7”、“10”、“17”、“19”、“20”、“22”、“38”]，
丹尼：[“3”、“7”、“11”、“15”、“22”、“28”、“32”、“37”、“40”、“43”]，
辛迪：[“2”、“4”、“16”、“18”、“21”、“24”、“33”、“38”、“41”、“44”]，
汉内克：[“1”、“3”、“4”、“12”、“18”、“21”、“25”、“30”、“36”、“40”]，
威廉：[“3”，“9”，“17”，“21”，“27”，“33”，“35”，“39”，“41”，“42”]
},
抽签=[
{
时间：'基准：Zaterdag 08-08-2009'，
选择：[2,13,15,18,21,41]
},
{
时间：'基准：Zaterdag 15-08-2009'，
选择：[6,19,24,25,35,37]
},
{
时间：'基准：Zaterdag 22-08-2009'，
精选：[8,17,23,26,37,42]
},
{
时间：'基准：Zaterdag 29-08-2009'，
选择：[1,11,31,39,42,43]
}
];
var buildPlayers=function（）{
var cont=$（“#玩家”），table=$（''）；
对于（玩家中的玩家）{
如果（玩家。拥有自己的财产（玩家））{
var tr=$（''+玩家+''）。附录（表格），
len=玩家[玩家]。长度；
对于（变量i=0；i”，“+绘制[i]。当+”，“]；
对于（var j=0；j”+img+“”）；
showWin（draws[i].picks[j]）；
}
html.push（“，”）；
cont.append（html.join（“”）；
}
};
var showWin=函数（winNum）{
$（.pick_“+winNum）.removeClass（“loss”）.addClass（“win”）；
};
$（函数（）{
buildPlayers（）；
buildDraws（）；
函数countwing（）{
$（'#players table tr'）。每个（函数（）{
var Wing=$（'td.win'，this），总计=0；
获胜。每个函数（i，num）{
total+=parseInt（$（this）.text（），10）；
});
$（“.winning col”，本页）
.text（$（“td.win”，此）.length）
.addClass（“hilighted”）；
});
}
countwing（）；
});
})();
这些都将在表的开头添加一行： 使用：
如果你给我们看标记，它会让事情变得更简单。这是链接。
<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>
$('<tr><td>Stuff</td></tr>').insertBefore('#players > tbody > tr:first');
$('#players > tbody > tr:first').before('<tr><td>Stuff</td></tr>');
$("<tr><td>some data</td></tr>").prependTo("#players > tbody");
$("#players tbody").prepend("<tr><td>...contents...</td></tr>");
$('<tr><td>Stuff</td></tr>').insertBefore('#players > tr:first');