首页 > 解决方案 > 创建一个包含多个不同类的表

问题描述

我将它们放在上下文中:我需要创建一个包含多个 的表,我希望其类有所不同。应该澄清的是,我为此使用了 javascript,并且为此使用了 append 函数。

这是我目前拥有的代码:

function my_function() {
    $(document).ready(function() {
            var number = 0;
            var num = ++number;
            $("#my_table> tbody").append("<tr class='tr" + num + "'><td class='center'>" + "HELLO WORLD" + "</td></tr>");
        }
    })
}

当我运行它时,结果为 1,但是当我再次调用该函数时,它仍然是 1,而不是将值增加到 2。

该函数被频繁调用,因此它应该再次增加该值,但事实并非如此。现在,我需要你多次增加价值,而不是只做一次。这样第二个就有 tr2 类。如果您回答或提供解决方案,谢谢。

标签: javascript

解决方案


您在函数内声明变量,因此var number = 0;每次调用它时都会重新分配它,在它之外声明它,它应该按预期工作。


推荐阅读