`
nbspnbsp
  • 浏览: 8764 次
  • 来自: ...
社区版块
存档分类
最新评论

使用JQuery操作表格,支持添加,删除,上移,下移

阅读更多
使用JQuery来来操作表格的行 添加,上移,下移,删除四种操作


因为在一个项目中看到动态添加表格的行(不支持FireFox),
它的特点是,可以随意添加其他表单,
所以自己尝试写了一个,



<tr style="display:none"> 这行的内容是模板,可以在此行内添加其他的表单

其中 <input type="radio" name="selObj"/> 此表单不可少,
上移,下移,删除 操作通过它来指定行



整理版 是 删除注释,将JS独立出来的版本

未整理版 是 自己在做的过程中,一步步的测试,修改 的痕迹
把这个文件放上来,是因为自己在学习JQuery的时候,也找过其他例子,
但都是最终版的,在过程中都会遇到各样的问题,如果有这个过程就更好,
虽然也许比较乱,,但我比较想知道这些过程.所以才有了 这个 未整理版

方便我这样的新人看

只是用了半天时间来写这个,未做过多测试,


  • 大小: 30.7 KB
3
0
分享到:
评论

相关推荐

    jquery动态增加修改删除表格,上移下移功能

    在这个“jquery动态增加修改删除表格,上移下移功能”的项目中,开发者利用jQuery实现了对表格的动态操作,这在网页数据展示和管理中非常常见。 首先,我们来理解这个项目的标题:“jquery动态增加修改删除表格,上移...

    jQuery表格上移下移置顶代码.zip

    这个"jQuery表格上移下移置顶代码.zip"文件包含了一个利用jQuery实现的功能,允许用户对表格中的数据行进行上移、下移和置顶操作,这在数据管理或展示界面中非常常见,比如在后台管理系统或者数据分析应用中。...

    jQuery实现table上移下移和置顶

    总结,使用jQuery实现表格行的上移、下移和置顶功能主要是通过DOM操作来完成的,结合适当的事件监听和条件判断,可以轻松实现这些交互功能。以上代码仅为示例,实际应用中需要根据具体需求进行调整和优化。

    添加、删除、上移、下移div

    本主题主要探讨如何利用HTML、CSS以及JavaScript库jQuery(简称`jq`)来实现`div`元素的添加、删除、上移和下移操作。这四个功能在动态布局和交互式用户界面设计中尤为常见。 首先,我们来看HTML部分。`div`元素...

    JQuery操作表格(附源码)实现tr上下移动。

    本文将深入探讨如何使用jQuery来实现表格行(tr)的添加、删除和上下移动,同时提供相关源码供参考。 一、jQuery基本操作 在开始之前,我们需要确保已引入jQuery库。通常在HTML文件头部通过`&lt;script&gt;`标签引入...

    Jquery Table 操作

    总结,jQuery 为表格操作提供了强大的支持,使得行的上移、下移和删除变得简单易行。通过理解这些基本操作并结合实际项目需求,我们可以构建出功能丰富的动态表格,提升用户体验。对于初学者,实践和分析 `表格行...

    jquery实现上移下移置顶效果

    本文将深入探讨如何使用jQuery实现元素的上移、下移以及置顶效果,这些功能常用于列表排序或者用户界面动态更新。 ### 1. jQuery基本概念 jQuery的核心在于它的选择器,它允许开发者用CSS语法来选取HTML元素,然后...

    jq的灵活上移下移,编辑,删除效果

    标题“jq的灵活上移下移,编辑,删除效果”指的是利用jQuery实现对元素的动态操作,如在列表中进行上移、下移、编辑和删除等常见功能。这些功能在网页界面中很常见,如任务管理器、表格数据排序或列表项管理。 首先...

    JS控制HTMLDOM表格行上下移动

    - **上移**:将一行元素移至前一行之前,需要先检查当前行是否为第一行。如果不是,可以先删除当前行,然后在其前一个兄弟元素之前插入。 - **下移**:类似地,检查当前行是否为最后一行。如果不是,删除当前行后...

    GridView上下移动行事件

    在这里,通过e.CommandName判断是上移还是下移操作,然后根据e.CommandArgument获取行的索引。 5. **行移动逻辑**:在服务器端,根据行的当前索引和移动方向,计算新的索引。然后,从DataSource中删除该行,再将其...

Global site tag (gtag.js) - Google Analytics