jquery - 如何创建动态表？

Question

有没有办法使用 Jquery 创建动态 html 表格元素。

在此表中，我想添加 Td 内部元素作为 anchor 标记。

Answer 1

你可以做这样的事情

使用append功能

$("#divID").append("<table><tr><td><a href='3#'>Click me</a></td></tr></table>");

或者只是将表标记创建为字符串并使用

html()

将其附加到容器内

var strTable = "<table><tr><td><a href='#'>Click</a></td></tr></table>";

$("#div1").html(strTable.toString() );

如果您有更复杂的标记，请使用数组

var arrTableMarkup = new Array();
arrTableMarkup.push ( "<table>" );
arrTableMarkup.push (     "<tr>" );
arrTableMarkup.push (       "<td>" );
arrTableMarkup.push (           "<a id='anch1' href='#'>Click</a>" );
arrTableMarkup.push (       "</td>" );
arrTableMarkup.push (       "</tr>" );
arrTableMarkup.push ( "</table>" );

$("#div1").html(arrTableMarkup.join('') );

编辑

如果您需要添加 onclick 事件，那么您可以指定 anchor 标记 id，然后使用 live分配事件的方法。

$("#anch1").live ( "click" , function () { EventHandlerFunction() } );