jquery 動作表格列

來源:互聯網
上載者:User
如下表格
<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 />"));

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.