`

动态添加tr通过next无法找到

阅读更多

 

<table id="tab">
  <tr id="first"><td><select id="sel"></select></td></tr>
</table>

 今天项目上遇到这样一个问题,如上表,当使用$('#sel').parent().parent().after('<tr id='newtr'><td></td></tr>')动态添加一行时,再想使用$('#sel').parent().parent().next().attr('id')获取新添加行的id,始终得到的是undefined,但是通过$('#sel').find('tr').length得到的又是2行,不知为啥动态添加的行就不能通过next()获取到,留着以后看了Javascript权威指南6后再看看能不能找到原因

 

分享到:
评论

相关推荐

    jquery实现递归tr子节点

    它首先找到所有子 `&lt;td&gt;`,然后检查是否有子行(通过 `nextUntil` 方法查找)。如果有子行,函数将递归调用自身,继续处理子行。 这个函数可以根据需求进行修改,例如添加自定义操作,如改变元素样式、提取数据或...

    jQuery实现table中的tr上下移动并保持序号不变的实例代码

    具体的实现细节可能包括使用jQuery的`$(btn).parent().parent()`获取当前tr元素,使用`.prev()`和`.next()`方法找到相邻的tr,以及使用`.html()`或`.text()`方法更新序号td的内容。 以下是一个简化的示例,展示如何...

    jquery做的table行上下移动,互换

    `$(this).closest("tr")`找到触发事件的按钮所在的行,`prev()`和`next()`则分别找到当前行的前一个和后一个兄弟元素。条件判断确保了行不会超出表格边界。 在这个场景中,`jquery-1.3.2.min.js`是jQuery库的压缩版...

    jquery table 上下行移动互换

    此外,为了提供更好的用户体验,可以考虑添加一些视觉反馈,比如禁用无法操作的按钮,或者在交换行时显示短暂的动画效果。 以上就是使用jQuery实现表格行上下移动互换的基本步骤。这个功能在很多数据管理场景中都...

    浅谈jquery中next与siblings的区别

    同样地,它也可以通过可选表达式进行筛选,以此来找到特定的同辈元素。比如在一个列表中,如果我们要选中某个列表项的前一个和后一个同辈元素,就可以使用siblings方法。 当需要获取某个元素后面所有的同辈元素时,...

    jQuery实现table上移下移和置顶

    if ($(this).next('tr').length &gt; 0) { // 检查是否为最后一行 $(this).insertAfter($(this).next('tr')); // 将当前行插入到后一行之后 } }); }); ``` 五、实现行置顶 行置顶是指将选定的行移动到表格的顶部。...

    jquery实现上下移动

    其核心概念包括选择器(用于选取DOM元素)、方法链(连续调用jQuery方法)和DOM操作(如添加、删除和修改元素)。 二、事件处理 在jQuery中,我们可以使用`.on()`方法来绑定事件监听器。在本案例中,我们需要监听...

    JS dom节点实现移上、移下的效果(表格).zip

    - **添加新行**:可以创建一个新的`&lt;tr&gt;`元素,填充所需的`&lt;td&gt;`,然后将其插入到表格的末尾或指定位置。 ```js function addRow() { var newRow = table.insertRow(); // 填充单元格 for (var i = 0; i ; i++...

    原生JS代码制作带记事备忘功能的双月份显示效果的日历

    &lt;thead&gt;&lt;tr&gt;日&lt;/th&gt;&lt;th&gt;一&lt;/th&gt;&lt;th&gt;二&lt;/th&gt;&lt;th&gt;三&lt;/th&gt;&lt;th&gt;四&lt;/th&gt;&lt;th&gt;五&lt;/th&gt;&lt;th&gt;六&lt;/th&gt;&lt;/tr&gt; &lt;!-- 日历主体 --&gt; &lt;tbody id="calendar-body"&gt;&lt;/tbody&gt; 添加备忘录" /&gt; 添加 ``` 接下来,我们需要用...

    jquery 语法大全

    4. **相邻元素选择**:`$("Prev+Next")` 查找紧跟在 `Prev` 元素后面的一个 `Next` 元素,`$("Prev~Next")` 则选取所有在 `Prev` 之后的同级 `Next` 元素。 5. **定位第一个和最后一个元素**:`$("tr:first")` 和 `...

    上下左右键控制table中光标(兼容多浏览器)

    这可以通过操作DOM节点来实现,如创建新的`&lt;tr&gt;`和`&lt;td&gt;`元素,并添加输入框,然后将它们插入到表格的适当位置。 最后,为了确保在不同的浏览器中都正常工作,我们需要考虑浏览器兼容性问题。虽然现代浏览器大多...

    jquery学习总结(超级详细).docx

    例如,`$('p').find('span').text('World').end().addClass('highlight')` 会找到所有 `p` 元素内的 `span` 元素,将其文本更改为 "World",然后回溯到 `p` 元素并添加 "highlight" 类。`end()` 方法用于恢复到最近...

    table上移下移 js

    这种功能通常通过JavaScript实现,因为JavaScript允许我们动态地修改DOM(Document Object Model)结构,从而实现交互效果。本文将深入探讨如何利用JavaScript实现表格行的上移和下移功能。 首先,我们需要获取表格...

    【ASP.NET编程知识】VS2012下QT creator登录对话框设计.docx

    在菜单栏选择“PROJECT”&gt;“User Properties…”,在打开的页面中,点击“Additional Include Directories”进行编辑,添加QT安装目录下的相关文件夹,例如“include”、“qt/include”等,确保能正确找到所需的...

    JSP分页代码

    这里通过`request.getParameter("page")`从请求中获取页码,如果未找到,则默认显示第一页。之后,执行SQL查询(`strSQL = "select * from etsa"`),获取结果集`sqlRst`,计算总记录数,并根据每页记录数计算总页数...

    Qt简易登陆界面的实现

    在本文中,我们将深入探讨如何使用Qt框架来实现一个简易的登录界面。...作为学习新人,你可以通过扩展这个例子,比如添加记住密码功能、自动填充或使用数据库存储用户信息等,进一步提高你的Qt编程技能。

    jQuery官方基础教程笔记

    例如,`$('div').next('p')`选取紧接在`div`后的第一个`p`元素,而`$('div').closest('form')`则找到最近的`form`父元素。 jQuery的核心特性之一是链式操作。这允许开发者连续调用方法,如`$('div').addClass('...

    这年辽宁中职升高职计算机专业技能考试模拟题.pdf

    程序的关键在于使用for循环遍历1到100的整数,通过判断是否为偶数(即除以2的余数为0)来累加偶数和。 ```c #include int main() { int sum = 0; for(int i = 1; i ; i++) { if(i % 2 == 0) { sum += i; } ...

    Jq通过td获取同行其它列td的方法

    如果要获取其他行的某一列数据,可能需要先找到目标行,如使用`.prev()`、`.next()`或通过索引查找。 总的来说,jQuery提供了一种简单且灵活的方式来操作DOM,包括在表格中获取和修改数据。在上述示例中,`...

    Qt Creator 的安装和hello world 程序+其他程序的编写--不是一般的好

    但Qt Creator 默认是用动态链接的, 就是可执行程序在运行时需要相应的.dll 文件。我们点击生成的.exe 文件,首 先可能显示“没有找到mingwm10.dll,因此这个应用程序未能启动。重新安装 应用程序可能会修复此问题。...

Global site tag (gtag.js) - Google Analytics