communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > 基于jQuery的动态增删改查表格信息，可左键/右键提示（原创自Zjmainstay）_jquery

基于jQuery的动态增删改查表格信息，可左键/右键提示（原创自Zjmainstay）_jquery

WBOY
Libérer： 2016-05-16 17:51:21
original
1528 Les gens l'ont consulté

在线演示： http://demo.jb51.net/js/2012/jqueryAutoAddDeleteTableTr/jqueryAutoAddDeleteTableTr_leftClick.html
//左键 

复制代码 代码如下:



jQuery 动态增删表格















































































               
              1
              2
              3
              4
              5
              6



向上增加一行
修改当前一行
向下增加一行
删除当前行




jqueryAutoAddDeleteTableTr_rightClick.html
//右键（含屏蔽浏览器右键功能）
复制代码 代码如下:



jQuery 动态增删表格















































































               
              1
              2
              3
              4
              5
              6



向上增加一行
修改当前一行
向下增加一行
删除当前行




jqueryAutoAddDeleteTableTr_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 hh
111 222 333 444 555 666 777 888
1a 2b 3c 4d 5e 6f 7g 8h



向上增加一行
修改当前一行
向下增加一行
删除当前行




PS:
var addToTrTop = 10;
var addToTrLeft = 534;

var addToTdLeft = 60; //若设置addToTdLeft则addToTrLeft失效

表示提示DIV clickTips距离当前tr顶部和左部的偏移量，可自行修改，可为负数表示上移或左移。

软件下载：下载
作者：Zjmainstay　　　　
出处：http://www.cnblogs.com/Zjmainstay/
Étiquettes associées：
动态增删 表格信息
source：php.cn
Article précédent：这些年、我收集的JQuery代码小结_jquery Article suivant：jQuery.each()用法分享_jquery
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Modifier dynamiquement les styles CSS en ligne dans Javafx J'essaie de changer l'image d'arrière-plan d'un volet lorsque l'application est agrandie. ...
Depuis 2024-04-06 20:57:16
0
1
487
Problèmes rencontrés lors de l'utilisation d'opentbs pour générer des fichiers odt : les valeurs d'une même clé sont affichées dans la même ligne au lieu de colonnes séparées. J'utilise une bibliothèque appelée OpenTbs pour créer odt en utilisant PHP, je l'utilise c...
Depuis 2024-04-06 20:18:18
0
1
483
Méthode CSS uniquement pour modifier dynamiquement le src de l'image au clic sans utiliser JavaScript Je dois changer le src d'une image en cliquant sur la souris en utilisant uniquement du CS...
Depuis 2024-04-06 19:25:49
0
1
505
La mise à jour du statut ne fonctionne pas dans React-Native sur Android J'ai du code qui contient des paires d'images dans une galerie horizontale pouvant être gl...
Depuis 2024-04-06 16:54:10
0
1
410
Comment puis-je faire correspondre la largeur du texte à la largeur d'une image/titre de taille dynamique ? Voir ce codepen : https://codepen.io/allen-houng/pen/XGMjMr?editors=1100#0<div><i...
Depuis 2024-04-06 10:04:43
0
2
386
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal