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不熟悉,花费很久才学会这个获取单元格的信息,希望对遇见同样问题的童鞋有所帮助;
相关推荐
从提供的文件内容中,我们可以提取以下关于jQuery获取表格中某一行某一列值的知识点: 1. jQuery选择器的使用:在文中,通过使用选择器 $(".div") 找到了包含多个表格的div元素。这说明了jQuery选择器用于选取页面...
### JQuery 获取 Table 一列值的方法详解 在 Web 开发中,经常需要处理表格数据,尤其是在需要对表格中的数据进行批量操作时。使用 JQuery 可以非常方便地获取表格(`<table>`)中某一列的所有值。下面将详细介绍...
2. **获取合并依据**:确定合并的依据,可能是某个特定的值,或者是单元格的位置等。 3. **遍历单元格**:使用`.each()`方法遍历表格中的所有单元格,对每个单元格进行判断和操作。 4. **设置rowspan和colspan**:...
本篇文章将深入探讨如何使用jQuery来获取HTML表格(table)中的td(表格数据单元格)的值。首先,我们需要理解jQuery的基本用法以及表格元素在HTML结构中的位置。 在HTML中,表格由`<table>`标签定义,内部包含`...
`jQuery.table.rowspan.js`插件的核心思想是遍历表格中的每一行,根据设定的规则(如相同的值或特定条件)来检测是否需要合并单元格,并动态设置`rowspan`属性。这样,原本需要在服务器端进行的复杂逻辑计算,被转移...
本篇将详细介绍如何使用jQuery DataTables结合JavaScript来实现相同内容单元格的动态合并。 首先,我们需要理解jQuery DataTables的基本用法。它基于jQuery库,可以通过简单的配置和API来创建高度交互的表格。要...
// 获取新的单元格值 // 这里可以调用你的后端API或者更新JavaScript数组(模拟数据源) updateDataSource($(this), newValue); $(this).removeClass('active'); // 移除活动样式 }); ``` 5. **模拟数据源...
接下来,我们需要引入`jquery.table2excel.js`,这是`jquery-table2excel`插件的主要源代码文件。这个插件的核心思想是利用浏览器的`data:`URI scheme和`window.navigator.msSaveBlob`(针对IE浏览器)或`a.download...
在这个“jquery table rowspan 表格单元格合并Demo.zip”中,我们主要关注的是如何使用 jQuery 来实现 HTML 表格(`<table>`)中的 `rowspan` 属性来合并单元格,以创建更复杂、更有结构感的表格布局。 首先,`...
在本文中,将详细介绍使用jQuery如何获取表格中指定行和列的数据,具体来说,就是如何获取当前选中行和列的数据。 首先,要获取表格中指定行的数据,可以通过绑定点击事件到表格的行元素(tr)上。在点击事件的回调...
《使用jQuery实现Table到Excel的导出功能》 在现代Web开发中,用户常常需要将网页上的表格数据导出为Excel文件,以便于数据分析、存储或共享。jQuery.table2excel.js是一个非常实用的插件,它能帮助开发者轻松地...
### JSP Table 单元格合并 在网页开发中,表格是展示数据的重要方式之一。为了使表格看起来更简洁明了,在某些情况下我们需要对相同的单元格进行合并处理。本篇文章将详细探讨如何在 JSP(JavaServer Pages)环境中...
在JavaScript编程中,获取HTML表格(table)中的特定单元格(cell)的值是一项常见的任务。这个场景下,我们关注的是如何获取第一行第二列的数据。在HTML中,table由`<table>`标签定义,每一行由`<tr>`标签表示,而...
在前端开发中,经常需要操作表格(Table),包括但不限于获取、设置单元格内容,以及对单元格进行遍历。遍历表格单元格是指按照一定的顺序访问表格中的每个单元格,这在数据处理、内容展示等方面有着重要的应用场景...
// 获取选中的单元格 var selectedCells = $('td input[type="checkbox"]:checked'); // 遍历并删除选中单元格的内容 selectedCells.each(function() { $(this).text(''); // 清空单元格内容 }); }); }); `...
本篇将详细介绍如何使用jQuery DataGrid实现单元格编辑功能。 首先,我们需要引入jQuery和jqGrid的库文件。通常,这包括jQuery核心库、jQuery UI库以及jqGrid的CSS和JS文件。确保在HTML页面中正确地添加这些引用: ...
《jQuery UI Table:深入解析与应用实践》 jQuery UI Table是一款基于jQuery库的插件,用于创建功能丰富的表格。在Web开发中,表格是展示数据的常见方式,jQuery UI Table通过提供可定制的样式和交互功能,使得网页...
在网页开发中,jQuery库提供了一种简便的方式来操作DOM元素,包括表格(table)的单元格(td)。本文将详细讲解如何使用jQuery实现表格单元格的合并,主要涉及的知识点有表格布局、jQuery选择器、属性操作以及条件...
在本文中,我们将深入探讨如何实现`jQuery Table`编辑功能,包括鼠标点击表格单元格进行编辑,以及在失去焦点(onblur)时通过Ajax保存数据。此外,我们还将提及与实现此功能相关的`jQuery`和`Table`技术。 首先,`...
3. **合并逻辑**:定义合并规则,比如根据某些条件(如相同值或特定标识)决定哪些单元格应该被合并。可以使用`each()`遍历`<tr>`和`<td>`,然后应用`colspan`和`rowspan`。 ```javascript table.find('tr').each...