ホームページ > ウェブフロントエンド > jsチュートリアル > jquery でテーブル rows_jquery を動的に追加および削除する小さな例

jquery でテーブル rows_jquery を動的に追加および削除する小さな例

WBOY
リリース: 2016-05-16 17:15:17
オリジナル
1009 人が閲覧しました

コードをコピー コードは次のとおりです:



< /head>

<script><br> $(function(){<br> var show_count = 20; //表示する項目の数<br> var count = $(" input:text").val(); //増分の開始値、これがあなたのIDです<br> var fin_count = parseInt(count) (show_count-1);増分<br> <p> $("#btn_addtr").click(function(){<br> if(count < fin_count) //クリック時、現在の数値が増分終了条件未満の場合 <br> { <br> $( "tr:​​eq(1)").clone().appendTo("table"); //テーブルの後に行を追加します<br> $("tr:last td input:first")。 val( count); / /追加した行のID値を変更します <br> }<br> });<br> });</p> <p> function deltr(){<br> var length=$("tr").length;<br> if(lengthalert("少なくとも 1 行は保持してください");<br> } else{<br> $("tr:last").remove();<br> }<br> }<br></script>













関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
ID ユーザー名< /td> ;
ユーザータイプ その他
gt;