jQuery怎样选择表格中每一行的第一列?

时间：2015.05.30 发布人：fca**
jQuery怎样选择表格中每一行的第一列?

已解决问题

谷歌fca**用户在2015.05.30提交了关于“瑞虎jQuery怎样选择表格中每一行的第一列?”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2024-12-05T11:24:36。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，你是我的宝贝,你是我的花,谢谢你对我的帮助！

希望以下的回答，能够帮助你。

第1个回答

用户名：meimeim159  

选择表格中每一行的第一战兴列可以使用jquery的遍历实现$("tabletr").each(function(){//遍历每一行
$(this).children('td:eq(0)');//td:eq(0)选择器表示第一个单元格
});下面给出实例演示：点击按钮后表格的第一列将被加上背景色

创建h**tml代码

<di算序美范什措系vclass="box">
<span>点击按钮后，第一列将被加上背景色：</span><br>
<divcl核拉ass="content">
<table>
<tr><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td><t独龙棉领味利d>9</td></tr>
</问答table>
</div>
<inputtype="button"class="btn"value="选中第一列">
</div>

简单添加一点css样式

***.box{width:300px;height:250px;padding:10px2触简皇苏0px;bord洲会国er:4pxd约的黑认ashed#ccc;}
***.box>span{colo握孩蠢厚蛋失了报切r:#999;font乙道稳特矛-style:ital显宁给兵ic;}
div.content{width:250px;height:100px;margin:10px0;padding:**x20px;border:2pxsolid#ff6666;}
input[type='button']{width:200px;heigh胶极上何心练t:3**x;margin八很一距灯得唱远只宗误:10px;border:2pxsolid#ebbcbe;}
.selected{background:#99ccff;}
table{border-collapse:collapse职校培南;}
td{padding:**x10px;border:1pxsolidgree向微稳拉投课粮叶长求n;}

编写jquery代码

$(function(){
$("input:button").click(function(){
$("tabletr").each(function(){
$(this).children('td:eq(0)').addClass('selected');
});
});
})

观察显示效果

初始状态

点击按钮选择第一列后