Javascript 用jQuery追加td

Javascript 用jQuery追加td,javascript,jquery,html,userscripts,Javascript,Jquery,Html,Userscripts,所以我试图修改这个。。。(这只是代码的一部分,太大了) 我的奖项 名称 说明 奖励 我们社区中有价值的一员。 帮助别人做得很好的人。 这个奖项颁发给有很多话要说的会员。 这是一个月度最佳会员奖。 基本上,我想添加另一行,比如 <td class="trow1"><strong><a href="myawards.php?awid=5">Award5</a></strong></td> <td class="

所以我试图修改这个。。。(这只是代码的一部分,太大了)


我的奖项
名称
说明
奖励

我们社区中有价值的一员。

帮助别人做得很好的人。

这个奖项颁发给有很多话要说的会员。

这是一个月度最佳会员奖。
基本上,我想添加另一行,比如

<td class="trow1"><strong><a href="myawards.php?awid=5">Award5</a></strong></td>
<td class="trow1">Description for award here</td>
<td class="trow1" align="center"><img src="/uploads/awards/5.jpg" alt="Award5" /></td>

此处为奖励说明
有人能告诉我怎么做吗?我一直在尝试将.append()与jQuery结合使用,但我一直很难理解它。我相信解决方案比我想象的简单得多。。。感谢所有的帮助

基本上,我正在尝试添加另一行

注意我在上面添加的重点:您试图添加一行,因此需要一个
tr
,而不仅仅是一堆
td
s:

$('.tborder').append(
    '<tr>' +   // <== Note
    '<td class="trow1"><strong><a href="myawards.php?awid=5">Award5</a></strong></td>' +
    '<td class="trow1">Description for award here</td>' +
    '<td class="trow1" align="center"><img src="/uploads/awards/5.jpg" alt="Award5" /></td>' +
    '</tr>'    // <== Note
);
$('.tborder')。追加(
'' +   // 
基本上,我正在尝试添加另一行

注意我在上面添加的重点:您试图添加一行,因此需要一个
tr
,而不仅仅是一堆
td
s:

$('.tborder').append(
    '<tr>' +   // <== Note
    '<td class="trow1"><strong><a href="myawards.php?awid=5">Award5</a></strong></td>' +
    '<td class="trow1">Description for award here</td>' +
    '<td class="trow1" align="center"><img src="/uploads/awards/5.jpg" alt="Award5" /></td>' +
    '</tr>'    // <== Note
);
$('.tborder')。追加(
''+/
var-tr;
$('#添加')。单击(函数(){
tr=$('');
tr.append(“”);
tr.append(“此处为奖励说明”);
tr.append(“”);
$('#tableid')。追加(tr);
})

我的奖项
名称
说明
奖励

我们社区中有价值的一员。

帮助别人做得很好的人。

这个奖项颁发给有很多话要说的会员。

这是一个月度最佳会员奖。
var-tr;
$('#添加')。单击(函数(){
tr=$('');
tr.append(“”);
tr.append(“此处为奖励说明”);
tr.append(“”);
$('#tableid')。追加(tr);
})

我的奖项
名称
说明
奖励

我们社区中有价值的一员。

帮助别人做得很好的人。

这个奖项颁发给有很多话要说的会员。

这是一个月度最佳会员奖。

这里是一个小示例

var table=document.getElementById('sample');
var row=table.insertRow();
var columns=table.rows[0].cells.length | 3;
对于(变量i=0;i

单元#0单元#1单元#2

这里是一个小示例

var table=document.getElementById('sample');
var row=table.insertRow();
var columns=table.rows[0].cells.length | 3;
对于(变量i=0;i

单元#0单元#1单元#2

非常感谢,工作非常完美!另外,作为一个问题,有没有办法让源代码显示在源代码页面上?我基本上是在尝试创建一个自定义用户脚本,它可以通过$(“td[class*='trow']img”)选择不同的奖励,并将其淡出并附加到数组中。但是,当我对新添加的奖励执行此操作时,不会发生任何事情,因为新奖励实际上没有从客户端添加到源中side@ArmanShah:您曾询问是否有可能在“源代码”中显示,但这几乎肯定不是您想要的(答案是“不,不是,不修改源文件”)。添加元素后,可以使用
$()
选择它们。它们不会显示在“查看源代码”中但是它们确实会出现在开发工具的元素窗格中。非常感谢,工作得非常好!另外,作为一个问题,有没有办法让源代码显示在源代码页面上?我基本上是在尝试创建一个自定义用户脚本,它可以通过$(“td[class*='trow']img”)选择不同的奖励,并将其淡出并附加到数组中。但是,当我对新添加的奖励执行此操作时,不会发生任何事情,因为新奖励实际上没有从客户端添加到源中side@ArmanShah:您曾询问是否有可能在“源代码”中显示,但这几乎肯定不是您想要的(答案是“不,不是,不修改源文件”)。添加元素后,可以使用
$()
选择它们。它们不会显示在“查看源代码”中但是它们确实会出现在开发工具的元素窗格中。genius down投票每个答案在哪里。既然你只是在投票和跑步,为什么不发布你的答案呢!告诉我们怎么了……不要只是投票和跑步!@Gacci我想他们应该在投票前留下评论。这不对。genius down投票eve在哪里我的回答是错误的。既然你刚刚投了反对票并参选,为什么不发布你的回答呢!告诉我们怎么了……不要只是投了反对票并参选!@Gacci我认为他们应该在投反对票前留下评论。这是不对的。