使用prototype / scriptaculous动态添加到表中

时间:2011-05-11 20:54:53

标签: javascript prototypejs

我正在尝试使用prototype / scriptaculous动态添加到表中。我尝试过做这样的事......

function test(){

    $('td1').update('<td><img src="Images/Artists/2/111.jpg" height="444" style="border:1px solid #FFFFFF;" /></td><td><img src="Images/spacer.gif" width="10" /></td>');

}

    <div id="td1">
    <td><a href="#" onClick="test(); return false;"><img src="images/viewMore.gif" height="446" border="0" /></a></td>
    </div>

当我点击test()函数时,它会将其替换为其他函数。这不是出于某种原因。你能不能帮我解决这个问题。谢谢大家!!

1 个答案:

答案 0 :(得分:1)

问题是您无法在表格中使用<div>标记。您必须单独替换每个<td>,或将两个<td>标记合并为一个<td>标记。对于简单但草率的路线,您可以为<td>个标签分配ID,并将其替换为:

$('td1').update('<img src="Images/Artists/2/111.jpg" height="444" style="border:1px solid #FFFFFF;" />');
$('td2').update('<img src="Images/spacer.gif" width="10" />');

更新

在您在评论中澄清了您的问题后,您需要做的是使用insert()而不是update()insert()会将数据附加到代码的末尾,而update()只是将其全部替换。