7 つのテーブル (月曜日から日曜日) があり、各テーブルの下に新しい行を追加するボタンがあります。スクリプトから生成されているため、テーブルの ID の名前を変更できません。
2つの選択肢があると思います
1) 7 つしかないため、テーブルを選択するための JavaScript のスクリプト。
2)テーブルをDivタグ(追加できます)内に入れます。たとえば、この非動作例
7 つのテーブル (月曜日から日曜日) があり、各テーブルの下に新しい行を追加するボタンがあります。スクリプトから生成されているため、テーブルの ID の名前を変更できません。
2つの選択肢があると思います
1) 7 つしかないため、テーブルを選択するための JavaScript のスクリプト。
2)テーブルをDivタグ(追加できます)内に入れます。たとえば、この非動作例
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...
これを試してみてください
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";
}
次のことができます -
ボタンをクリックしてJavaScript関数を呼び出し、その要素を渡します。その要素を参照して、対応するテーブルを取得し、それに行を追加します。
function jsfunc(elem) {
$(elem).prev("table").append("<tr>....</tr>") //add row logic using jquery
}
JavaScriptを使用した同様のロジックは、あなたが書くのに問題はないと思います。この場合、テーブルの ID は必要ありません。