jQuery操作Table的几个问题？

问题描述

项目中要用JavaScript动态地给一个Table增删行，做小实验时几个问题记录了下来。 请帮看看：1， 如何用jquery得到table的行数？2， 如何用jQuery给指定行newRow的第一个cell赋值，在这里也就是写序号？在附件中，以这个问题的场景。 谢谢先！

解决方案

$("table tbody tr").length就是行数$("table tbody tr").each(function(i,n){ var firstCell = $(this).find("td").eq(0); 这就是第一列数据 firstCell.html(i+1); 第一列被赋值});手写，未测试，你自己测下
解决方案二：
用jquery得到table的行数:$("#table的ID").find("tr").length用jQuery给指定行第一个cell赋值:http://www.sosuo8.com/article/show.asp?id=2966
解决方案三：
动态地给一个Table增删行 或者 列 我给你发一个小的插件！很方便的！ 接收！

时间： 2024-11-16 09:35:55

jQuery操作Table的几个问题？的相关文章

jQuery操作table表格问题

问题描述 jQuery操作table表格问题 动态生成table里的tr和td标签,每一tr后面都有"删除""修改""提交",其中"删除""修改""提交"是用三个span标签放在这一行里的一个td标签里,并且为"删除""修改""提交"动态生成了onclick事件,我想实现点击修改时提取到当前tr标签里所有的td标签里的text文

jQuery操作Table技巧大汇总_jquery

本文汇总了jQuery操作Table的技巧.分享给大家供大家参考,具体如下: 1.鼠标移动行变色 方法一:jQuery中的hover(fun(),fun())方法,参数一:第一个方法是添加样式功能,参数二:第二个方法是取消样式功能 $("#table1 tr").hover(function(){ $(this).children("td").addClass("hover") },function(){ $(this).children(&qu

一个JQuery操作Table的代码分享_jquery

复制代码 代码如下: 一.数据准备 <table id="table1"> <tr><th>文章标题</th><th>文章分类</th><th>发布时间</th><th>操作</th></tr> <tr><td>测试</td><td>测试</td><td>测试</td>&l

jquery 操作 table 的问题

问题描述 为什么用remove删除行后,查看源码行还是存在的? 解决方案 解决方案二:remove从DOM中删除所有匹配的元素.这个方法不会把匹配的元素从jQuery对象中删除,因而可以在将来再使用这些匹配的元素.但除了这个元素本身得以保留之外,其他的比如绑定的事件,附加的数据等都会被移除.解决方案三:请贴代码解决方案四:你可以选择动态创建和删除解决方案五:jquery的remove是在界面元素的移除数据肯定是会存在的除非你通过ajax请求真实的删除解决方案六:引用4楼的回复: jquery的r

jQuery操作表格（table）的常用方法、技巧汇总_jquery

以下列出13个jQuery操作table常用到的功能: 1.鼠标移动行变色 复制代码 代码如下: $('#table1 tr').hover(function(){    $(this).children('td').addClass('hover')}, function(){    $(this).children('td').removeClass('hover')}); 方法二: 复制代码 代码如下: $("#table1 tr:gt(0)").hover(function()

js-如何用JavaScript操作table中tr中td的值?

问题描述 如何用JavaScript操作table中tr中td的值? 如何用JavaScript操作table中tr中td的值? 如何用JavaScript操作table中tr中td的值? 如何用JavaScript操作table中tr中td的值? 解决方案 <html> <head> <title> 修改td中的值 </title> </head> <body> <table id="myTable" wi

jquery操作表格 合并单元格

jquery操作table,合并单元格,合并相同的行   合并的方法 $("#tableid").mergeCell({ cols:[X,X] ///参数为要合并的列}) /** * 操作表格 合并单元格 行 * 2016年12月13日16:00:41 */ (function($) { // 看过jquery源码就可以发现$.fn就是$.prototype, 只是为了兼容早期版本的插件 // 才保留了jQuery.prototype这个形式 $.fn.mergeCell = func

JQuery操作一个表格简单示例

jquery操作table的一个简单示例,仅做参考,具体可以根据原javascript操作table的操作更改为jquery操作方式. <script type="text/javascript" src="http://files.cnblogs.com/liydotnet/jquery-1.2.3.js"></script> <style type="text/css"> .mainTable{ backg

jQuery操作JSON的CRUD用法实例

 这篇文章主要介绍了jQuery操作JSON的CRUD用法,实例分析了jQuery进行CURD的操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下     本文实例讲述了jQuery操作JSON的CRUD用法.分享给大家供大家参考.具体实现方法如下:   代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1