`

jquery 获取 TABLE单元格的值

 
阅读更多

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不熟悉,花费很久才学会这个获取单元格的信息,希望对遇见同样问题的童鞋有所帮助;

 

0
4
分享到:
评论

相关推荐

    jQuery获取table下某一行某一列的值实现代码

    从提供的文件内容中,我们可以提取以下关于jQuery获取表格中某一行某一列值的知识点: 1. jQuery选择器的使用:在文中,通过使用选择器 $(".div") 找到了包含多个表格的div元素。这说明了jQuery选择器用于选取页面...

    JQuery获取table一列值

    ### JQuery 获取 Table 一列值的方法详解 在 Web 开发中,经常需要处理表格数据,尤其是在需要对表格中的数据进行批量操作时。使用 JQuery 可以非常方便地获取表格(`&lt;table&gt;`)中某一列的所有值。下面将详细介绍...

    jQuery实现合并单元格功能

    2. **获取合并依据**:确定合并的依据,可能是某个特定的值,或者是单元格的位置等。 3. **遍历单元格**:使用`.each()`方法遍历表格中的所有单元格,对每个单元格进行判断和操作。 4. **设置rowspan和colspan**:...

    用Jquery获取table中td的值

    本篇文章将深入探讨如何使用jQuery来获取HTML表格(table)中的td(表格数据单元格)的值。首先,我们需要理解jQuery的基本用法以及表格元素在HTML结构中的位置。 在HTML中,表格由`&lt;table&gt;`标签定义,内部包含`...

    jquery.table.rowspan.js 表格自动合并单元格插件

    `jQuery.table.rowspan.js`插件的核心思想是遍历表格中的每一行,根据设定的规则(如相同的值或特定条件)来检测是否需要合并单元格,并动态设置`rowspan`属性。这样,原本需要在服务器端进行的复杂逻辑计算,被转移...

    jquery datatable 单元格合并

    本篇将详细介绍如何使用jQuery DataTables结合JavaScript来实现相同内容单元格的动态合并。 首先,我们需要理解jQuery DataTables的基本用法。它基于jQuery库,可以通过简单的配置和API来创建高度交互的表格。要...

    jQuery实现动态更改table表格数据

    // 获取新的单元格值 // 这里可以调用你的后端API或者更新JavaScript数组(模拟数据源) updateDataSource($(this), newValue); $(this).removeClass('active'); // 移除活动样式 }); ``` 5. **模拟数据源...

    用jquery-table2excel,进行导出excel表格 带图片 jquery.table2excel.js下载

    接下来,我们需要引入`jquery.table2excel.js`,这是`jquery-table2excel`插件的主要源代码文件。这个插件的核心思想是利用浏览器的`data:`URI scheme和`window.navigator.msSaveBlob`(针对IE浏览器)或`a.download...

    jquery table rowspan 表格单元格合并Demo.zip

    在这个“jquery table rowspan 表格单元格合并Demo.zip”中,我们主要关注的是如何使用 jQuery 来实现 HTML 表格(`&lt;table&gt;`)中的 `rowspan` 属性来合并单元格,以创建更复杂、更有结构感的表格布局。 首先,`...

    jquery获取table指定行和列的数据方法(当前选中行、列)

    在本文中,将详细介绍使用jQuery如何获取表格中指定行和列的数据,具体来说,就是如何获取当前选中行和列的数据。 首先,要获取表格中指定行的数据,可以通过绑定点击事件到表格的行元素(tr)上。在点击事件的回调...

    jquery.table2excel.js(用于table导出Excel文件)

    《使用jQuery实现Table到Excel的导出功能》 在现代Web开发中,用户常常需要将网页上的表格数据导出为Excel文件,以便于数据分析、存储或共享。jQuery.table2excel.js是一个非常实用的插件,它能帮助开发者轻松地...

    JSP Table 单元格合并

    ### JSP Table 单元格合并 在网页开发中,表格是展示数据的重要方式之一。为了使表格看起来更简洁明了,在某些情况下我们需要对相同的单元格进行合并处理。本篇文章将详细探讨如何在 JSP(JavaServer Pages)环境中...

    如何用js获取table第1行第2列的值

    在JavaScript编程中,获取HTML表格(table)中的特定单元格(cell)的值是一项常见的任务。这个场景下,我们关注的是如何获取第一行第二列的数据。在HTML中,table由`&lt;table&gt;`标签定义,每一行由`&lt;tr&gt;`标签表示,而...

    JS与jQuery遍历Table所有单元格内容的方法

    在前端开发中,经常需要操作表格(Table),包括但不限于获取、设置单元格内容,以及对单元格进行遍历。遍历表格单元格是指按照一定的顺序访问表格中的每个单元格,这在数据处理、内容展示等方面有着重要的应用场景...

    jQuery批量删除单元格内容代码.zip

    // 获取选中的单元格 var selectedCells = $('td input[type="checkbox"]:checked'); // 遍历并删除选中单元格的内容 selectedCells.each(function() { $(this).text(''); // 清空单元格内容 }); }); }); `...

    Jquery datagrid实现单元格编辑

    本篇将详细介绍如何使用jQuery DataGrid实现单元格编辑功能。 首先,我们需要引入jQuery和jqGrid的库文件。通常,这包括jQuery核心库、jQuery UI库以及jqGrid的CSS和JS文件。确保在HTML页面中正确地添加这些引用: ...

    jquery uI TABLE

    《jQuery UI Table:深入解析与应用实践》 jQuery UI Table是一款基于jQuery库的插件,用于创建功能丰富的表格。在Web开发中,表格是展示数据的常见方式,jQuery UI Table通过提供可定制的样式和交互功能,使得网页...

    使用jQuery 操作table 完成单元格合并的实例

    在网页开发中,jQuery库提供了一种简便的方式来操作DOM元素,包括表格(table)的单元格(td)。本文将详细讲解如何使用jQuery实现表格单元格的合并,主要涉及的知识点有表格布局、jQuery选择器、属性操作以及条件...

    jqueryTable编辑的实现

    在本文中,我们将深入探讨如何实现`jQuery Table`编辑功能,包括鼠标点击表格单元格进行编辑,以及在失去焦点(onblur)时通过Ajax保存数据。此外,我们还将提及与实现此功能相关的`jQuery`和`Table`技术。 首先,`...

    jQuery合并单元格

    3. **合并逻辑**:定义合并规则,比如根据某些条件(如相同值或特定标识)决定哪些单元格应该被合并。可以使用`each()`遍历`&lt;tr&gt;`和`&lt;td&gt;`,然后应用`colspan`和`rowspan`。 ```javascript table.find('tr').each...

Global site tag (gtag.js) - Google Analytics