検索

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

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

WBOY
WBOYオリジナル
2016-05-16 17:15:17988ブラウズ

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



< /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>













声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：JavaScriptのunicodeとGBK2312(中国語)のエンコード変換方法_基礎知識次の記事：JavaScriptのunicodeとGBK2312(中国語)のエンコード変換方法_基礎知識

関連記事

続きを見る
ID ユーザー名< /td> ;
ユーザータイプ その他
gt;