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的用法
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。