コミュニティ
学ぶ
ツールライブラリ
AIツール
レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > jquery でテーブル rows_jquery を動的に追加および削除する小さな例

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

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

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



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













関連ラベル：
jquery 動的
前の記事：JavaScriptのunicodeとGBK2312(中国語)のエンコード変換方法_基礎知識 次の記事：JSで旧暦の日付の具体例を取得_JavaScriptスキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
jQueryファイルをインポートする
から 1970-01-01 08:00:00
0
0
0
jQueryのプロトタイプチェーン
から 1970-01-01 08:00:00
0
0
0
jquery ノートはどこでダウンロードできますか?
から 1970-01-01 08:00:00
0
0
0
Nuxt.js に jQuery をインストールする手順
から 1970-01-01 08:00:00
0
0
0
php+jqueryの問題
から 1970-01-01 08:00:00
0
0
0
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
ID ユーザー名< /td> ;
ユーザータイプ その他
gt;