ホームページ > 記事 > ウェブフロントエンド > jQuery に基づくテーブル情報の動的追加、削除、変更、クエリ (左/右クリックプロンプト付き) (Zjmainstay からのオリジナル)_jquery

jQuery に基づくテーブル情報の動的追加、削除、変更、クエリ (左/右クリックプロンプト付き) (Zjmainstay からのオリジナル)_jquery

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

オンラインデモ: http://demo.jb51.net/js/2012/jqueryAutoAddDeleteTr/jqueryAutoAddDeleteTr_leftClick.html
//左クリック

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

jQuery アニメーション态增删表格

1

2

3

4

5

6

進歩增加一行
修正当前の行
方向下增加一行
删除当前行

jqueryAutoAddDeleteTr_rightClick.html
//右键（含シールド浏览器右键機能）

复制代代码如下:

jQuery アニメーション态增删表格

1

2

3

4

5

6

進歩增加一行
修正当前の行
方向下增加一行
删除当前行

jqueryAutoAddDeleteTr_leftClick_addsearch.html
//左键追加查询機能

复制發代码如下:

jQuery アニメーション态增删表格

1
2
3
4
5
6
7
8

a
b
c
d
e
f
g
h

A
B
C
D
E
F
G
H

aa
bb
cc
dd
ee
ff
gg
うーん

111
222
333
444
555
666
777
888

1a
2b
3c
4d
5e
6f
7g
8h

進歩增加一行
修正当前の行
方向下增加一行
删除当前行

追記:
var addToTrLeft = 534;

var addToTdLeft = 60; //addToTdLeft が設定されている場合、addToTrLeft は無効になります。プロンプト DIV clickTips 現在の tr の上端と左端からのオフセットは、上または左に移動するために負の数を変更できます。

ソフトウェアのダウンロード:
ダウンロード

著者: Zjmainstay 出典: http://www.cnblogs.com/Zjmainstay/

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：何年にもわたって収集した JQuery コードのまとめ_jquery次の記事：何年にもわたって収集した JQuery コードのまとめ_jquery

続きを見る

jQuery に基づくテーブル情報の動的追加、削除、変更、クエリ (左/右クリック プロンプト付き) (Zjmainstay からのオリジナル)_jquery

関連記事

jQuery に基づくテーブル情報の動的追加、削除、変更、クエリ (左/右クリックプロンプト付き) (Zjmainstay からのオリジナル)_jquery