jquery动态给表格,jquery动态创建表格

如何通过jquery动态给表格添加一行

比如设置table的id为tab

var

trHTML

=

"trtd.../td/tr"

$("#tab").append(trHTML);//在table最后面添加一行

$("#tab

tr:eq(2)").after(trHTML);

//

在table的第3行后面添加一行

这样就可以进行动态的添加行了，至于你是通过什么事件来动态添加那就看你自己的意思了，通过button或者div之类的点击事件添加，只要把上面的两行代码放进去就ok，注意，要把var

trHTML那行代码放进添加事件里面，不然不管点击多少下，都只能添加一行

$(function()

{

$(":button").click(function()

{

var

tr

=

"trtdnew/td/tr";

//$("table").append(tr);

$("table

tr:eq(2)").after(tr);

});

});

这是我测试用的代码，你可以运行看看

相关问答

Q1: jquery动态添加表格

在jquery里可以直接用isNaN()，因为他是JavaScript的类库。是由JavaScript语言写的。

例如：

script type="text/javascript"

$(document).ready(function(){

alert(isNaN($('#id').val()));

});

/script可以直接使用

Q2: Jquery 动态制作表格

!DOCTYPE HTML

html

head

meta charset="utf-8" /

title注册页面/title

script type="text/javascript" src="jquery-1.9.0.min.js"/script

script type="text/javascript"

jQuery (function ($)

    {

    $ ("#an6").click (

            function ()

            {

            var fx = $ ("input[name='fx']:checked");

            var chText = ""

            fx.each (function (m)

            {

            chText += $ (this).val ();

            })

            var se = $ ("#se").val ();

            var dx = $ ("input[name='dx']:checked").val ();

            var wb = $ ("#wb").val ();

            $ ("#ta").append (

                    "tr" + "td" + se + "/td" + "td" + chText + "/td" + "td" + dx + "/td" + "td"

                            + wb + "/td" + "td"

                            + "input name='delect' value='delete' type='button' id='dele' /" + "/td"

                            + "/tr");

            });

    

    $ ('body').delegate ('#dele', 'click', function ()

    {

     $(this).closest('tr').remove();

    });

    });

/script

/head

body

table width="200" border="1" id="ta"

tr

tdse/td

tdfx/td

tddx/td

tdwb/td

td/td

/tr

/table

input style="display: block;" type="checkbox" name="dx" /

input style="display: none;" type="text" value="se" id="se" /

input style="display: none;" type="text" value="wb" id="wb" /

input name="" type="button" id="an6" value="add" /

/body

/html