1、JQ部分:
var tds = $("#table1 td");
tds.click(function(){ //给所有td添加点击事件
var tdSeq = $(this).parent().find("td").index($(this)[0])+1;//获取总列数
var trSeq = $(this).parent().parent().find("tr").index($(this).parent()[0])+1;..获取总行数
var pagevhMeal1=$("#table1 tr:nth-child("+trSeq+") td:nth-child("+tdSeq+") input:eq(0)").val();//获取第一个input的值
var pagevMeal1=$("#table1 tr:nth-child("+trSeq+") td:nth-child("+tdSeq+") input:eq(1)").val();();//获取第二个input的值
});
});
说明:table1 是table 的id;
2、TABLE部分(下面代码仅仅只是一列的信息)
<td>
<img id="img0" src="<%=path%>/image/<s:property value="imag" />" >
<input id="vhMeal1" name="vhMeal1" type="hidden" value="<s:property value="vhMeal1" />" />
<input id="vMeal1" name="vMeal1" type="hidden" value="<s:property value="vMeal1" />" />
</td>
3、补充 对于设置单元格的img图片 按照上面的写法也是可以实现的
如:(实现图片动态切换)
imgPath = "<%=path%>/image/tick_160.jpg";
var pageImg=$("#table1 tr:nth-child("+trSeq+") td:nth-child("+tdSeq+") img").attr("src",imgPath);
注:对JQ不熟悉,花费很久才学会这个获取单元格的信息,希望对遇见同样问题的童鞋有所帮助;
相关推荐
日常开发中,经常遇到表格里需要自动合并单元格,考虑到写服务器控件比较消耗性能,因些还是把这种工作交给客户端Javascript去做吧,基于习惯用jquery框架,所以封装了一个Jquery插件。
jquery table rowspan 表格单元格合并,设置相同属性表格合并
主要介绍了JS与jQuery遍历Table所有单元格内容的方法,结合实例形式分别描述了JavaScript与jQuery实现遍历table单元格的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
element ui el-table 动态改变 单元格 的颜色, 将el-table 包在自定义组件(page_table)里面,可以重复使用。
jquery 编辑table 实例一行编辑 实例二双击编辑单元格
主要介绍了jQuery获取table行数并输出单元格内容的实现方法,涉及jQuery针对表格与页面元素的动态操作技巧,需要的朋友可以参考下
下面小编就为大家分享一篇使用jQuery 操作table 完成单元格合并的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
合并单元格 JQuery源码 MergeCells 加入JQuery库和MergeCells即可. EP: $('#table').MergeCells({cols:'1,2,3'}) 合并第2,3,4列.
使用jQuery实现动态可编辑表格,代码更少,兼容性更好
jQuery表格键盘操作插件 jquery KeyTable调用示例,这款插件允许用户在表格移动/选择数据像键盘操作Excel那样,不依赖鼠标就可完成各项操作.并且高亮当前操作的表格单元格.运行效果请参见截图,本源码包内含有调用本...
主要介绍了jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法,涉及jQuery响应鼠标事件动态操作页面元素及基于get实现ajax交互保存数据的相关技巧,需要的朋友可以参考下
////table中指定行第N列合并单元格(合并后会多出一列,删除N+1单元格即可) var tds = $("#dgList .TableHeader1").find('td'); tds[6].setAttribute("colSpan", "2"); 还可以写成:tds[6].attr("rowSpan", 2);
bootstraptable 可以直接导出的插件,导出内容自动居中处理 https://blog.csdn.net/qq_39087348/article/details/112970600
jquery封装超好用的合并单元格方法,很好用,欢迎大家下载使用。
使用jquery绘制表格斜线,表格头斜线,无需使用图片。
主要介绍了JS拖动选择table里的单元格,结合完整实例形式分析了基于jQuery的table表格动态操作相关实现技巧,涉及事件响应及页面元素属性动态操作使用方法,需要的朋友可以参考下
table单元格新增行并编辑,具体内容如下 需要 bootstrap.min.css —— [ Bootstrap ] jquery-1.8.2.min.js —— [ Jquery ] 代码 <html> <head> <meta ...
jQuery.FilterTable是一款表格搜索过滤和单元格高亮插件。该插件允许你对任意表格进行条件过滤,并且它会将搜索到的结果单元格高亮显示,非常实用和强大。