Javascript - 将行添加到不同的表

时间:2013-02-26 12:38:12

标签: javascript

我有7个表(星期一到星期日),每个表下面都有一个添加新行的按钮。 我无法重命名表的id,因为它是从脚本生成的。

我认为我有两个选择

1)javascript中的脚本选择表,因为只有7个。

2)将表格包含在Div标签内(我可以添加),例如this non working example

3 个答案:

答案 0 :(得分:0)

您可以执行以下操作 -

点击按钮调用javascript函数并传递该元素。参考该元素获取相应的表并在其中添加一行。

function jsfunc(elem) {
     $(elem).prev("table").append("<tr>....</tr>") //add row logic using jquery
}

使用javascript的类似逻辑我觉得写你不会有问题。 在这种情况下,你永远不会想要表的id。

答案 1 :(得分:0)

试一下它会起作用

function displayResult(number)
{
    var table1=document.getElementById(number).getElementsByTagName("table")[0];
    var row=table.insertRow(-1);
    var cell1=row.insertCell(0);
    var cell2=row.insertCell(1);
    cell1.innerHTML="New";
    cell2.innerHTML="New";
}

答案 2 :(得分:0)

   YOU can use jQuery for this....

    $('.element').on('click', function(){
             rows='';     
             var row='<tr><td>...</td>....</tr>';
             rows=rows+row;
             $(rows).appendTo('table');
        });

 for jQuery visit...

http://jquery.com/