博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

jquery 操作表格列

Posted on 2011-03-31 14:36  峰雪  阅读(2678)  评论(4编辑  收藏  举报
如下表格
<table width="300" border="0">
<tr><th>姓名</th><th>年龄</th><th>手机</th><th>地址</th></tr>
<tr><td>小明</td><td>24</td><td>12345678901</td><td>ABC</td></tr>
</table>
 
现想获得手机列的宽度,可用下面的方法。
  • 思路:
        获得表格第一行,第三列的宽度即为手机列宽度
  • 实现:
$("table tr:eq(0) td:eq(2)").width();
  • 扩展:
        如果想得到表格中所有手机号,应该是如下
var arr=[];
$(
"table tr").each(function(i,n){
if(i>0)
arr.push($(
"table tr:eq("+i+") td:eq(2)").html());
});
alert(arr.join(
','));
引用一楼的方法,测试一下,速度应该是上述方法的10倍左右,还是用1楼的方法比较好,学习了
var mobileArray = [];
$(
"tr:not(:first) td:nth-child(3)").each(function(){
  mobileArray.push($(
this).html());
});
document.write(mobileArray.join(
"<br />"));