新しいテーブルの作成またはテーブルの更新HTML

Question

セレクタが値を変更するたびに新しいテーブルを作成するこのjavascriptがあります。セレクタの値に応じて行数を変更したいので、最後のテーブルを消去して新しいテーブルを作成するか、何とか更新してください。これはどうすればできますか？

<script> 
function tableCreate(){ 

var body = document.body, 
    tbl = document.createElement('table'); 
var rows = document.getElementById("numberOfCourses").value; 

tbl.style.width = '100px'; 
tbl.style.border = '1px solid black'; 

for(var i = 0; i < rows; i++){ 
    var tr = tbl.insertRow(); 
    var td = tr.insertCell(); 
    td.appendChild(document.createTextNode('Course ' + i)); 
} 
body.appendChild(tbl); 

} 
document.getElementById("Course-info").innerHTML = tableCreate(); 
</script> 

Answer 1

あなたの問題は非常に簡単です。 要素の行に対してjquery .hasClass（）のメソッドを使用してクラスをチェックし、それに応じて新しいテーブルを削除して作成したり、テーブルを更新することができます。

jqueryを含めるには、本文の末尾に次のリンクをhtmlで含めることができます。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"> 

コード：

$('#id_of_the_row').html("your new html table row code"); 

そして、テーブル全体を削除するには、それをあなたがすることができます再投入：今、あなたはこのような何かを行うことができ、テーブルのレコードを更新する場合

if($('#id_of_the_row').hasClass("name_of_the_class")) { 
    ... 
} else { 
    ... 
} 

テーブルへのポインタをつかんで同じメソッドを使い、.html（）メソッドを使って書き直してください。

私はこれがあなたを助けてくれることを願っています。