jQueryの動的動的テーブルの行を削除するテーブルの行を追加します

HTMLの多くでは、我々はパーシャルリフレッシュを使用し、部分的なリフレッシュを動的にHTMLのローカルデータを修正するためのJSを使用することです。以下は、もちろん、本実施形態では、HTMLに任意のコンポーネントに適用することができ、動的行にjqueryのテーブルを増大させる方法について説明します。

<テーブルID = "MYTABLE" クラス= "テーブル">
< THEAD>
< TR>
< TH>ステアリング・グループ</ TH>
< TH>メンバー</ TH>
< TH>リーダー</ TH>
< TH>操作</ TH>

</ TR>
</ THEAD>
<TBODYのID = "myTb">

</ TBODY>
< / TABLE>

今、私たちは次のようにjsのコードは、動的テーブルの行を追加して来ます

VAR trTemp = $（ " < TR = ID 'TR "+のgroupId +"'> </ TR>"）;
trTemp.append（ " < TD>" +グループ名+ " </ TD>"）;
trTemp.append（ " < TD> "+のisNull（のfullName）+" </ TD>"）;
trTemp.append（ " < TD> "+のisNull（groupLeader）+" </ TD>"）;
trTemp.append（」 < TD> < ボタンのonclick = 'addGroupMember（ "+のgroupId +"）'>添加组员</ ボタン> < ボタンのonclick = 'addGroupLeader（ "+のgroupId +"）'>添加组长</ ボタン> < ボタンスタイル= '背景：赤;' のonclick = 'clearDataメソッド（ "+のgroupId +"）'>清除</ ボタン> </ TD> "）;
trTemp.appendTo（ "＃myTb"）;

原理は、テーブルに行くに動的に生成されたHTMLコードを追加することです

現在の必要性の動的な要素を削除すると、次のようにjsのコードは、テーブルには、削除削除してもらうことです

$('#tr' + id).remove();

あなたが削除することができますように