HTML Tableにjsでtrとtdを追加する

Question

下記コードで画像の日の項目にはtdが追加できるのですが
曜日に対してtdが追加できません。
どのように修正すればよろしいでしょうか。

<table id="table">
       <thead id="thead">
           <tr><th>日</th><th>曜日</th></tr>

        </thead>
   </table>

var today =new Date();
	today.setDate(today.getDate());
	var yyyy =today.getFullYear();
	var mm=('0'+(today.getMonth()+1)).slice(-2);
	var date =new Date(yyyy,mm,0);
	//月の日数
	var lastDay =date.getDate();

	const tr=document.createElement('tr');
	const td=document.createElement('td');

	for(let i=1;i<=lastDay;i++){
		$('#table').append(tr);
		$('#table').find('tr:last').append(td);
		$('#table').find('tr:last').append(td);
	}

Answer 1

.appendは、すでにDOMへ追加された要素を指定すると移動となってしまいます。

If an element selected this way is inserted into a single location elsewhere in the DOM, it will be moved into the target (not cloned) （jQuery公式）

必要な数だけcreateElementを行いましょう。

Comments

[退会済みユーザー]

ありがとうございました。
できました。