jQuery选择表格中的列

以选择table中的第一列为例:
方式1:

$("table tr").find("td:first").html("first column");//错误写法:$("table tr td:first").html("first column");

方式2:

$("table tr").each(function(){ $(this).find("td:eq(0)").html("first column");  });

方式3:

$("table tr td:first-child").html("first column"); 

方式4:

$("table tr td:nth-child(1)").html("first column"); 

[扩展]

//选择最后一列

$("table tr td:last-child").html("last column"); 

//选择奇数列

$("table tr td:nth-child(odd)").html("odd colunms");
$("table tr td:nth-child(2n)").html("odd colunms"); 

//选择偶数列

$("table tr td:nth-child(even)").html("even colunms");
$("table tr td:nth-child(2n-1)").html("even colunms");

相关链接

详解CSS中:nth-child的用法

时间: 2024-10-06 21:59:09

jQuery选择表格中的列的相关文章

使用jquery合并表格中相同文本的相邻单元格

一.效果 二.代码 <!DOCTYPE HTML> <html> <head> <title>Example</title> <meta charset="utf-8"/> <style></style> <script src="js/jquery-2.1.4.min.js"></script> </head> <body>

选择列表中的列……无效,因为该列没有包含在聚合函数或 GROUP BY 子句中

今天用SQL Server尝试实现一个SQL语句的时候,报了如标题所示的错误,通过在百度里面搜索,并亲自动手实现,终于发现问题所在,现在把它记录下来. 语句如下: select [OrderID],[ProductID], min(UnitPrice) as MinUnitPrice into NewDetails FROM [Northwind].[dbo].[Order Details] Group by [OrderID] 执行该语句之后,SQL Server报错如下: "消息 8120,

选择列表中的列无效,因为该列没有包含在聚合函数或 GROUP BY 子句中

T-SQL核心语句形式: SELECT     --指定要选择的列或行及其限定  [INTO ]      --INTO子句,指定结果存入新表 FROM      --FROM子句,指定表或视图 [WHERE ]                 --WHERE子句,指定查询条件 [GROUP BY ]           --GROUP BY子句,指定分组表达式 [HAVING ]                --HAVING子句,指定分组统计条件 [ORDER BY [ASC|DESC]] 

JQuery 获取表格中的数据

举个例子 var arr = $('#table tbody tr td:nth-child(2)') //根据id依次找到表格中的td,而后取每列的第二个值 .map(function () { return $(this).text() }) // 使用 map 对每一个 td 进行处理,function为回调函数,返回每个元素的text .get(); // 将对象集合转换为数组 另外还可以在后面.join(",") 这将转换成字符串. jQuery下有个概念叫"类数组

如何用perl将表格中不同列的数据进行拼凑,然后将拼凑后的数据用“|”连接在一起

最近写了一个perl脚本,实现的功能是将表格中其中两列的数据进行拼凑,然后将拼凑后的数据用“|”连接在一起. 表格内容如下: 员工号码 员工姓名 职位 入职日期 1001 张三 销售 1980/12/17 0:00:00 1002 李四 财务 1981/02/20 0:00:00 1003 王五 经理 1981/02/22 0:00:00 1004 陈二 会计 1981/04/02 0:00:00 要求如下: 将员工姓名和入职日期用键值对的形式拼凑在一起,然后将拼凑后的数据用“|”连接在一起.

Jquery实现表格中的查看删除修改

首先我们在学习js的时候就有接触到表格中的一些操作,那么Jquery是一个兼容多浏览器的轻量级的javascript库,它的核心理念是写的更少,做的更多. 现在就用学到的Jquery来做一个表格中的查看删除修改感受一下Jquery的强大. 第一步:我们编写html页 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-

jquery在表格中的全选、不选,下面全选,全选勾选中,下面一项没有选,全选勾未选中,并且带出请求值。

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="../js/jquery.min.js" ></script> <style> body{ font-family: "微

解决读取Excel表格中某列数据为空的问题 c#

解决同一列中“字符串”和“数字”两种格式同时存在,读取时,不能正确显示“字符串”格式的问题:set xlsconn=CreateObject("ADODB.Connection") xlsconn.Open "Provider=Microsoft.Jet.OLEDB.4.0;Data Source="&server.mappath(xlspath)&";Extended Properties=""Excel 8.0;HD

jquery获取表格中动态单元格内单选框和多选框的值

1.通过table的Id获取到每行(tr)的元素, $("#table_xuan tr") 如果过滤第一行和最后一行 $("#table_xuan tr:not(:first):not(:last)") 2.通过 each()函数遍历 每一行 $("#table_xuan tr").each(function(i)){ // i 代表的是行数 $(this).children("td").each(function(j)){