使用一个功能在同一页面的多个表中动态添加行

Question

我有多个表，并且有一个向这些表添加行的函数：

<table id="table1" style=" border-collapse: collapse;">
<tr id="table1row1">...
<tr id="table1row2">...
<table id="table2" style=" border-collapse: collapse;">
<tr id="table2row1">...
    <tr id="table2row2">...

问题是，当我添加行而不是上面的结果时，我将得到以下结果：

<table id="table1" style=" border-collapse: collapse;">
<tr id="table1row1">...
<tr id="table1row2">...
<table id="table2" style=" border-collapse: collapse;">
<tr id="table2row1">...
<tr id="table2row3">...

当我调用该函数向另一张表中添加一行时，它只是增加值

var thischannel=1;
var thisassignment=1;
var thisrow=1;  
function addRow(list,table){

    thisrow++;

    if(something to place in this to point if this is a new table or the same table){
    var thisrow=1;  
    }
}

Answer 1

无需将行数保留在变量中，只需找出表中有多少行并使用该数字来创建ID

var numRows = $(tableID).find("tr").size();
var id = tableID + "row" + (numRows + 1);

完整范例： http ： //jsfiddle.net/HK6bA/

Answer 2

我将对所有表应用相同的类名，并在jQuery中以这种方式引用它们：

$(".className").append($("<tr><td>Hello World!</td></tr>"));

如果要使用ID，可以通过以下方式进行操作：

$("#table1, #table2").append("<tr><td>Hello World!</td></tr>"));