jquery 插入行

ruddnjs2010 2010-07-28 11:22:43

有表格



<table>

<tr id=1><td>1111</td></tr>

<tr id=2><td>2222</td></tr>

<tr id=4><td>4444</td></tr>

</table>

我想在第二和第四行插入数据 <tr id=3><td>3333</td></tr>

我用$("tr[id=3]).append("<tr id=3><td>3333</td></tr>");
结果TR跟TD变成同一级了，请教各位牛人应该如何实现呢？

...全文

110 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

pigHead_chen 2010-07-29

打赏
举报

$('#2').append("<tr id=3><td>3333</td></tr>");

或

$('#4').prepend("<tr id=3><td>3333</td></tr>")

myhope88 2010-07-29

打赏
举报

可以采用楼上的after和before方法

nextuntil 2010-07-29

打赏
举报

同理，呵呵

$("tr[id=4]").before("<tr id=3><td>3333</td></tr>");

nextuntil 2010-07-29

打赏
举报

LS正解

zhuyan853437 2010-07-29

打赏
举报

$("tr[id=2]").after("<tr id=3><td>3333</td></tr>");

ruddnjs2010 2010-07-29

打赏
举报

还是添加到TD里面，，郁闷

camperer 2010-07-29

打赏
举报

before和after

ruddnjs2010 2010-07-29

打赏
举报

各位大牛起来上班了吗

Jquery是继prototype之后又一个优秀的Javascrīpt框架。它是轻量级的js库(压缩后只有21k) ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。jQuery使用户能更方便地处理HTML documents、events、实现动画效果，并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。

本次更新，我将文档从头到尾和官网发布的最新内容校对了一次，将所有的错误和遗漏的API全部补全和修复了。快半年了，EasyUI又更新了。这次依然以BUG修复和功能改进为主，EasyUI发展至今，主体功能已经基本完善。即便以后还有新组件，那也是在现有功能完善的基础上新增一些小组件了，类似Datagrid这类的大型复合组件应该比较少了，相比新组件我更期待官方能对EasyUI的性能优化多下下功夫。 jQuery EasyUI 1.4.5版本更新内容： Bug（修复） datagrid：修复在调用updateRow方法之后使用getChanges方法无法返回被更新的行的BUG； treegrid：修复在追加或插入新行的时候触发onLoadSuccess事件的BUG； tree：修复在追加或插入新节点的时候触发onLoadSuccess事件的BUG。 Improvement（改进） window：可以自定义显示样式了； window：新增“border”属性允许用户设置不同的边框样式； navpanel：新增“href”属性用以从远程服务器加载显示内容； combotree：“setValue”和“setValues”方法增加“id”和“text”形参； combobox：新增“showItemIcon”属性； combobox：在“groupPosition”属性值设置为“sticky”时，将会将选项分组标签固顶在下拉栏中； messager：当敲击回车键时将默认触发消息框的第一个按钮； validatebox：新增“editable”、“disabled”、“readonly”、“validateOnCreate”和“validateOnBlur”属性； validatebox：新增“enable”、“disable”、“readonly”和“resetValidation”方法； validatebox：允许用户来决定如何显示错误消息； filebox：新增“accept”和“multiple”属性； treegrid：新增复选框的选择； treegrid：新增“getCheckedNodes”、“checkNode”和“uncheckNode”方法； form：新增“iframe”属性；（官方未提及） form：新增“onProgress”事件；（官方未提及） form：新增“resetValidation”方法。（官方未提及）

本次更新内容较多，已有的组件新增了很多新的API，并且首次加入了移动端开发框架，可谓相当给力，新东西自然意味着更多的BUG即将诞生，我个人预计在未来的1~2个版本里会有不少BUG修复的更新内容，今后EasyUI定会发力移动开发方向，所以也算是一个好的开头，虽然目前东西还不是很全，但是基本的也都够用了，希望EasyUI今后会越来越好吧！由于现在工作过于繁忙所以本次API更新延后了快2周，抱歉了！老规矩，介绍一下本次更新内容吧！官方给的更新内容写的不全，我已经全部补全了。包括更新内容中写到的新增API，但是在API文档中没有给出的，在我的API当中全部都有（比官方网站上的还要全 :P） jQuery EasyUI 1.4.2版本更新内容： Bug（修复） treegrid：修复重建treegrid之后列会恢复原始大小的问题。 Improvement（改进） draggable：添加“delay”属性，允许用户延迟拖动操作； tree：添加“filter”属性和“doFilter”方法； tabs：“add”方法允许用户在指定的索引位上插入选项卡面板； tabs：用户可以决定哪些选项卡面板可以被选择； tabs：添加“justified”，“narrow”和“pill”属性； layout：添加“unsplit”和“split”方法； messager：支持键盘导航功能； form：添加“onChange”事件； combobox：添加“queryParams”属性； slider：添加“range”属性； menu：添加“itemHeight”，“inline”，“noline”和“align”属性； panel：添加“header”属性，允许用户自定义面板标题栏； menubutton：添加“hasDownArrow”属性。 New Plugin（新组件） datalist：该组件是展示列表数据的组件，用户可以对列表数据进行分组、单选、多选等各种操作； navpanel：该组件是移动端框架的根组件； mobile：filebox 该组件提供了移动页面堆栈管理和导航。

项目管理系统界面高清截图http://yaerfeng1989.blog.163.com相册。绝版作品！一切都只是曾经，神马都是浮云！现将其开源 ssh+jquery+servlet+json+dwr+ajax....... 数据库可配置。默认mysql。运行先改jdbc.properties和hibernate.cfg.xml里面的数据库配置！数据库最好事先存在。再运行test包的testCreateDB-》testData(插入数据！)即可运行！

插入行、删除行的 JavaScript代码 function insertRow(tableid,first,last){ var rowNum=$("#"+tableid+" tr").length; var tr1=$("#"+tableid+" tr:eq("+first+")").html(); alert("tr1:"+tr1); $("#"+tableid+" tr:eq("+(rowNum-1-last*1)+")").after(""+tr1+"");

.NET社区

62,074

社区成员

669,028

社区内容

发帖

与我相关

我的任务

javascript云原生企业社区

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章