`
Everyday都不同
  • 浏览: 722596 次
  • 性别: Icon_minigender_1
  • 来自: 宇宙
社区版块
存档分类
最新评论

jQuery获取table下某一行某一列的值

阅读更多

最近需要获取到某个table下每一行某一列的值,用jquery做了一会儿,过程如下,仅供参考:

 <div class="div">
            <table name="info"><tr><td>lily<span>okok</span></td></tr><tr><td>18</td></tr><tr style="display:none"><td>hahhha</td></tr></table>
            <table name="info"><tr><td>tom</td></tr><tr><td>22</td></tr><tr style=""><td>hahhha2</td></tr></table>
            <table name="info"><tr><td>kai</td></tr><tr><td>34</td></tr><tr style="display:none"><td>hahhha3</td></tr></table>
 </div>

 这个大的div下有若干个table,现在我需要获取每个table下某一行某一列的值:

 <script>
            var $tables = $(".div").find("table[name='info']");
            //alert($tables.prop("tagName")); //TABLE
            var length = $tables.length;
            //alert(length); //3
            for(var i=0; i<length; i++) {
                var $table = $tables.eq(i);
                //alert($table.prop("tagName")); //TABLE
                //eq(i)表示第i行
                var nameTd = $table.find("tr").eq(i).children("td").eq(0);
                //alert(nameTd.prop("tagName")); //TD
                alert(nameTd.text());
            }
           
            alert(b.indexOf(a));
</script>

 可依次弹出结果:lilyokok   tom kai

如果var nameTd = $table.find("tr").children("td").eq(2); 则依次弹出结果:hahhha   hahhha2  hahhha3,这说明,即使你设置隐藏,一样可以获取到值。

注:JQuery中读取dom对象的类型的语法是:$.prop("tagName");还要注意find children eq(用于遍历dom集合中元素对象)等的用法。

0
0
分享到:
评论

相关推荐

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

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

    JQuery获取table一列值

    使用 JQuery 可以非常方便地获取表格(`&lt;table&gt;`)中某一列的所有值。下面将详细介绍如何使用 JQuery 来实现这一功能,并对给定代码片段进行解析。 #### 一、JQuery简介 JQuery 是一个快速、简洁的 JavaScript 库...

    jQuery选中table第一行或第一列

    通过jQuery选取table的第一行,第一列。

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

    例如,要获取第一列单元格的内容,可以使用`td[0].innerHTML`,其中`td`数组中的第一个元素即为第一列单元格。 针对选中列的操作,虽然原文中未详细说明获取选中列的具体方法,但根据上下文推断,可以通过类似的...

    jQuery获取Table某列的值(推荐)

    这篇Insus.NET需要的是jQuery去获取html table的某一行某一列的数据。 如下表: Html code: &lt;table&gt; &lt;th xss=removed&gt;&lt;input id="SelectAll" type="checkbox" /&gt; &lt;th&gt;ID 费用名目 &lt;

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

    这个场景下,我们关注的是如何获取第一行第二列的数据。在HTML中,table由`&lt;table&gt;`标签定义,每一行由`&lt;tr&gt;`标签表示,而每一列则由`&lt;td&gt;`(表格数据)或`&lt;th&gt;`(表头数据)标签表示。在JavaScript中,我们可以使用...

    用Jquery获取table中td的值

    在"用Jquery获取table中td的值"这个场景下,可能需要遍历整个表格获取所有`td`的值。可以使用`.each()`方法来实现: ```javascript $("table tr td").each(function(index, element) { var value = $(element)....

    jquery table 添加、删除行、列

    一个基本的表格由`&lt;table&gt;`元素开始,包含若干`&lt;tr&gt;`(表格行)元素,每一行内又有若干`&lt;td&gt;`(表格数据单元格)或`&lt;th&gt;`(表头单元格)元素。现在我们来看如何用jQuery来操作这些元素。 ### 添加行 添加行通常涉及...

    Jquery Table 固定行和列

    例如,表头(thead)和第一列(th:first-child)通常会被设置为`position: fixed`,并可能需要调整宽度和高度以适应视口。 `固定行列.html`是HTML文件,其中包含了表格结构。这个文件可能会包含一个`&lt;table&gt;`元素,...

    jQuery实现获取table表格第一列值的方法

    要获取表格的第一列值,我们可以利用jQuery的选择器和遍历功能。以下是实现这一功能的关键代码段: ```javascript $(function() { $("#Button1").click(function() { var cols = ""; $("#tb tr").each(function...

    jQuery学习笔记(4)--Jquery中获取table中某列值的具体思路

    使用jQuery选择器`$('#users').find('tr:eq('+trNum+')').find('td:eq(0)').text()`来获取第一列对应的值。这里的`$('#users')`指的是表格的ID,`tr:eq('+trNum+')`定位到特定的行,而`td:eq(0)`则是定位到该行的第...

    jquery table 合并相同列

    1. **获取表格数据**:使用 jQuery 的 `$('table tr')` 选择器获取表格中的所有行,然后遍历每一行的单元格 `$('td')`。 2. **比较相邻列**:对于每个单元格,我们需要比较其与前一个单元格的内容。如果内容相同,...

    用Jquery选择器计算table中的某一列某一行的合计

    总结来说,使用jQuery选择器计算HTML表格中某一列的某一行的合计值是通过遍历指定列的所有单元格,对其中的数值进行累加实现的。在实际开发中,理解并灵活运用jQuery选择器能够帮助我们更高效地处理DOM操作,提升...

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

    在处理过程中,插件会遍历表格中的每一行和每一列,将单元格内容转化为Excel兼容的格式。同时,为了保持样式的一致性,它还会尝试将表格的CSS样式转换为Excel的内置样式。 使用`jquery.table2excel.js`前,你需要...

    Layui组件Table绑定行点击事件和获取行数据的方法

    当用户双击某一行时,会触发事件函数,此函数中可以获取到当前行的索引,即Index。然后通过这个索引,可以从数据集中获取到相应的行数据。 一个典型的示例代码如下: ```javascript // 假设有一个div元素,其id为...

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

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

    用JQuery实现table按列分组(简单常用

    基于列索引的方法是根据表格(`&lt;table&gt;`)中每一行(`&lt;tr&gt;`)的特定列(`&lt;td&gt;`)的索引进行分组。首先,我们需要获取到表格的所有行,然后对每一行的指定列进行检查。例如,如果我们想根据第二列(索引为1,因为...

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

    序号通常是在表格的第一列中表示,我们可以利用`data-*`自定义属性来存储行的原始序号,例如`&lt;tr data-index="1"&gt;`。这样在移动行时,只需更新该属性值,而不是重新计算整个表格。 3. 事件处理: jQuery的`click...

    jQuery学习笔记(4)–Jquery中获取table中某列值的具体思路

    今晚做的这个东西中由于要获取某列中的一个ID值。如果是用平常的那种JS传值的方式此问题就不存在,但是由于此次用到的都是jquery插件,包括各种弹出框,用JS传值就得用JS那丑陋的弹出框,所以,你懂得。 网上找了很...

Global site tag (gtag.js) - Google Analytics