`

Jquery获取table中的行和列以及列中对象方法

阅读更多

 $('#MyTable tr').eq(2) ;

或者$('#MyTable tr:eq(2)');

tr上移下移

$('#MyTable tr:eq(2)').insertBefore('#MyTable tr:eq(1)');

把第三个tr移到第二tr前面

 

<script type="text/javascript" src="jq.js"></script>

<script type="text/javascript">

<!--

$(function(){

    $('.get1 tr').each(function(){

alert($(this).find('td').eq(0).text());

alert($(this).find('td').eq(1).find('input').val());

alert($(this).find('td').eq(2).find('select').val());

});

});

//-->

</script>

<div id="apDiv1"></div>

<table width="100%" class="get1">

  <tr>

  <td >1</td>

  <td ><input type='text' value='v1'/></td>

  <td ><select><option value='s1'>s1</option><option value='s2'>s2</option></select></td>

  </tr>

  <tr>

  <td >2</td>

  <td ><input type='text' value='v2' /></td>

  <td ><select ><option value='ss1'>ss1</option><option value='ss2'>ss2</option></select></td>

  </tr>

</table>  

</body>

</html>

我的项目中用的一段也贴上,我要给第二列的内容重新赋值。

Jquery代码:

 

var html = "当前人员:<span id=\"title_name\" style=\"font-size:12px\">" + name + "</span>&nbsp&nbsp&nbsp<a id=\"title_href\" href=\"#\"   style=\"font-size:12px; cursor:pointer;position:relative\">浏览其他</a>";

$("#title").find("td").eq(2).html(html);

 

HTML代码:

<div id="title" style="background-color: #47A6FA">

                <table width="100%">

                    <tr>

                        <td style="width: 40%">

                        </td>

                        <td style="width: 20%">

                            <span style="font-size: 30px; color: White;">统计分析</span>

                        </td>                        

                        <td style="width: 25%; text-align: right; margin-right: 5px;" id="tdddl">

                            当前人员:<span id="title_name" style="font-size: 12px">王小娣</span>&nbsp&nbsp&nbsp<a id="title_href"

                                href="2" style="font-size: 12px; cursor: pointer; position: relative">浏览其他</a>

                        </td>

                        <td width="25%" align="right" >

                            <asp:DropDownList runat="server" ID="ddlDepart" onselectedindexchanged="ddlDepart_SelectedIndexChanged" AutoPostBack="true">

                            </asp:DropDownList>

                        </td>

                    </tr>

                </table>

            </div>

孜孜不倦,学习不止

分享到:
评论

相关推荐

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

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

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

    // 根据索引从数据集中获取行数据,这里假设数据集存储在res.data对象中 var obj = res.data[id]; // 假设fun.openLayer是一个弹层函数,用于展示行数据 fun.openLayer(obj); }); ``` 这段代码首先在div元素下...

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

    在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它极大地简化了 DOM 操作、事件处理、动画设计以及Ajax交互。在本示例中,我们将深入探讨如何使用jQuery来获取HTML表格的第一列的值。 首先,我们需要了解...

    jquery table 添加、删除行、列 utf-8

    在创建动态数据展示时,表格(table)是常见的元素,jQuery 提供了一些方法来帮助我们方便地操作表格中的行(rows)和列(columns)。本文将详细介绍如何使用 jQuery 实现表格的添加、删除行与列的操作。 ### 1. ...

    jquery-table2excel

    jQuery提供了一系列方法,如`$('selector').each()`用于遍历表格,`html()`获取或设置单元格内容,以及`addClass()`、`removeClass()`等用于样式控制。 二、jQuery Table2Excel插件原理 "jquery-table2excel"插件...

    Jquery根据table提供的数据画折线图,柱状图,圆饼图。

    例如,`$('table tr').each()`可以遍历每一行,然后通过`.children()`或`.find()`获取特定列的数据。 对于折线图、柱状图和圆饼图的绘制,通常会用到专门的图表库,比如Highcharts、Chart.js或者Google Charts。...

    layui-table表复选框勾选的所有行数据获取的例子

    通过上述方法,开发者可以非常方便地获取用户在layui-table表格中勾选的行数据。这在用户交互和数据处理中是非常实用的功能。需要注意的是,在实际应用中,复选框的实现方式可能会根据项目的具体需求略有不同,但...

    点击table任意列选中当前行demo

    "点击table任意列选中当前行demo"是一个典型的Web应用功能,它涉及到表格(Table)控件的自定义和事件处理,通常用于数据展示和操作。这个示例可能是为了实现用户在表格中通过点击某一列来选中整个行,以便进行...

    基于jQuery获取table数据发送到后端

    在这个例子中,我们首先获取了表格中的所有行,然后遍历每一行,提取出每一列的文本内容,并封装成一个JavaScript对象。最后,我们将这些对象组成一个数组,并用`JSON.stringify()`转换为JSON字符串,通过jQuery的`$...

    JS获取Table中td值的方法

    特别是在表格(Table)中获取单元格(td)的值是一个常见的需求。本文将详细介绍如何使用JavaScript获取表格中td元素的值,并通过实例分析一些操作技巧。 首先,当需要获取表格中多个行的任意td值时,可以为每个td...

    jquery 排序, jquery 动态修改列

    此外,jQuery的`.each()`方法可用于遍历表格的所有行并进行特定操作,如更新每一列的值: ```javascript $("table tbody tr").each(function(index, row) { $(row).find("td:eq(columnIndex)").html("新值"); }); ...

    jquery获取table中的某行全部td的内容方法

    在jQuery中,获取HTML表格(table)中特定行(tr)的所有td(表格数据单元格)内容是一项常见的任务,尤其在处理用户交互或数据操作时。以下是一个详细的方法来实现这个功能,基于给出的示例代码进行解释: 首先,...

    jquery实现json数据填充到table表格中并且实现remove add 数据

    在本项目中,我们假设已经从后台数据库获取了JSON数据,这些数据可能包含一系列对象,每个对象都有对应表格列的属性。 接下来,我们利用jQuery来操作DOM元素,创建表格。首先,我们需要一个HTML结构,包含一个表格...

    Table自动生成列

    同时,为每个列创建`TableCell`对象,填充数据,并添加到相应的行中。 5. 服务器控件:如果你希望在表格中包含服务器控件,如文本框、按钮等,可以使用`Control`类的子类实例化它们,并添加到单元格中。这样,用户...

    jquery对table中各数据的增加、保存、删除操作示例

    在处理HTML表格(table)数据时,jQuery提供了诸多方法和选择器来实现数据的增加、保存和删除操作。 首先,在前端页面中处理数据的增、删、改操作可以有效地减少服务器端的负担。在很多情况下,页面上的数据是用户...

    jquery table 导出 excel

    在现代Web应用中,数据展示和管理经常需要用到表格组件,jQuery Table就是这样一种常见的JavaScript库,它使得在网页上创建和操作表格变得简单易行。而将表格数据导出到Excel文件的功能,则是用户管理和分析大量数据...

    Jquery动态列

    **jQuery 动态列详解** 在网页开发中,jQuery 是一个强大的 JavaScript 库,...实际应用中,还可以结合其他前端框架(如 Bootstrap 或 Vue.js)以及 jQuery 插件(如 DataTables)进一步增强动态列的功能和视觉效果。

    jquery实现的可增加,删除行,可多行上下移动表格

    6. `each()`:遍历jQuery对象中的每个元素,这对于批量操作表格中的行非常有用。 在实际代码实现中,开发者可能创建了一个或多个函数来封装这些操作,例如`addRow()`, `deleteRow()`, 和 `moveRow()`。这些函数会在...

    jQuery插件jqGrid动态获取列和列字段的方法

    在本文中,我们将探讨如何在jqGrid中动态获取列和列字段,这对于创建自定义功能或者根据用户需求动态展示数据非常有用。 首先,问题背景是关于jqGrid表格插件的使用,我们需要获取表格的表头(即列名)和表格字段,...

    jquery dataTable 获取某行数据

    本文将深入探讨如何使用jQuery DataTable API来获取数据表中的特定行数据。 首先,`DataTable`对象提供了`row()`方法,这是一个强大的选择器,允许开发者根据不同的条件选取数据表中的行。`row(rowSelector [,...

Global site tag (gtag.js) - Google Analytics