动态地向表中添加行

时间:2009-10-17 20:36:25

标签: php jquery dynamic html-table

$(document).ready(function(){
var refreshId = setInterval(function() {
    periodicRefresh();
}, 9000);
})

function periodicRefresh()
{
    $.ajax({
        type: 'GET',
        url: 'include/ajaxActions.php',
        data: "action=displayLastEvent",

        success: function(msg){
            var newid = $(msg).attr("id");
                    current = $("#list tr:first").get(0).id;
                    if(newid != currentfirstrow){
                        $("#list").prepend(msg);
                lastrow = current-19;
                $('#'+lastrow).remove();
                    }
        }
    });
}

以下是表格行的示例:

<tr id="5094"  style="background:White;">
  <td class="tdstd">
  </td>
</tr>

2 个答案:

答案 0 :(得分:3)

如果不知道从“ajaxActions.php”和AJAX调用返回的XML是如何格式化的,那就有点难以回答。另外,我假设“currentfirstrow”是一个可以在任何函数中访问的全局javascript变量吗?

function periodicRefresh()
{
    $.ajax({
        type: 'GET',
        url: 'include/ajaxActions.php',
        data: "action=displayLastEvent",

        success: function(xml){
            var newfirstrow = $(xml).find("name_of_xml_node_that_contains_newly_returned_id").text();
            if(newfirstrow != currentfirstrow){
                //do add new row()
            }
        },
}

答案 1 :(得分:1)

首先,ids不允许是数字。他们应该以一封信开头,然后是一个数字。因此,您需要为您的ID遵循不同的命名约定。

我不确定这是不是你要求的,但你可以用这样的东西得到第一行的id:

$("table tr:first").get(0).id