在Javascript生成的表顶部添加一行

在Javascript生成的表顶部添加一行,javascript,jquery,html,Javascript,Jquery,Html,我在表格结构中计算错误。下面的代码是用于乐透游戏的(我想这是一段已知的代码;) 有没有办法在表格顶部添加一行数字?我真的不知道怎么做 (功能(){ 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”、“4

我在表格结构中计算错误。下面的代码是用于乐透游戏的(我想这是一段已知的代码;)

有没有办法在表格顶部添加一行数字?我真的不知道怎么做


(功能(){
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();
});
})();

JQuery:

$("#myTable tbody").prepend("<tr><td>...contents...</td></tr>");
$(“#myTable tbody”).prepend(“…内容…”);

您也可以使用以下方法执行此操作:

$('Stuff').insertBefore('table>tbody>tr:first');
或与:

$('table>tbody>tr:first')。在('Stuff')之前;
或与:

$(“prependTo”).prependTo(“表格>正文”);

在表格顶部添加一行淡入淡出的背景:

$('button').click(function() {
  $('<tr class="anim highlight"><td>new text</td></tr>')
    .hide()
    .prependTo('table tbody')
    .fadeIn("slow")
    .addClass('normal');
});
请参见另一种方式:

 var newHtml = '<div/>';

 $('#tBody').html(newHtml + $('#tBody').html());
var newHtml='';
$('#tBody').html(newHtml+$('#tBody').html());

我一点线索都没有,这怎么能放进我的表格呢。@克里斯·查拉巴鲁克-事实上,这个问题被标记为jQuery和Javascript。这两者并不是相互排斥的,而且OP并没有专门要求jQuery解决方案,所以这是一个很好的答案。删除否决票。谢谢卡里姆。(当我回答时,没有jquery标签…)我真的迷路了,我不知道把这些代码放在哪里,有人能给我提供的代码举个例子吗?我想自2009年以来情况已经发生了变化,这篇文章仍然是最相关的搜索结果<代码>也可以使用-1的值,这将导致在最后一个位置插入新行。。您可能希望在2020年执行
insertRow(0)
(或者
1
,如果您有标题)。另外,
tbodies
应该是
tbodies
,但实际上并不相关,因为这些天你应该直接在table对象上调用
insertRow()
myTable.insertRow(0)
。你能告诉我这部分可以放在哪里吗?你想“在表的顶部添加一行数字”的地方。当我将此代码添加到数字表中时,会在每个表的顶部添加许多列,而不是在表的顶部添加一行。@Chris:您需要添加尽可能多的
元素。听起来像是在将一行中只有一个列元素添加到一个包含多个列的表中。@ZED如果您有表id,您将如何编写相同的代码。例如……另一个线程中回答了这一问题,我认为prependTo是最好的选择,因为即使tbody为空,它也能工作。其他的依赖于存在第一个tr。有人知道这个符号叫什么吗<代码>表格>车身等?EDIT:回答了我自己的问题,如果表中没有起始行(),那么前两个将不起作用,对吗?你们知道如何对特定的表执行此操作吗?假设您在同一页上有多个表,但您希望使用prepend插入到id=Table1的表中,在my thead之前插入行。。不知道为什么。
$('<tr><td>Stuff</td></tr>').insertBefore('table > tbody > tr:first');
$('table > tbody > tr:first').before('<tr><td>Stuff</td></tr>');
$("<tr><td>prependTo</td></tr>").prependTo("table > tbody");
$('button').click(function() {
  $('<tr class="anim highlight"><td>new text</td></tr>')
    .hide()
    .prependTo('table tbody')
    .fadeIn("slow")
    .addClass('normal');
});
.anim {  
  transition: background 5s linear;
}
.highlight{
  background: #FF3333; 
}
.normal {  
  background: transparent;  
}
 var newHtml = '<div/>';

 $('#tBody').html(newHtml + $('#tBody').html());