yougebiaoge

有个表格
我定义一个变量a =[]
a[0]=[] 里面放的是第1列tbody中所有的td
a[1]=[] 里面放的是第2列tbody中所有的td
...
a[4]=[] 里面放的是第5列tbody中所有的td该怎么写比较好了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head><body>
<table id="tab"  border="1" cellspacing="0" cellpadding="0">
 <thead>
  <tr>
    <td width="60" >1</td>
    <td width="60">2</td>
    <td  width="300" >3</td>
    <td width="180"  >4</td>
    <td >yyy</td>
  </tr></thead>
  <tbody><tr>
    <td height="16">1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>yyy</td>
  </tr>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>yyy</td>    
  </tr>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>yyy</td>    
  </tr>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>yyy</td>    
  </tr>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
    <td>yyy</td>    
  </tr>  </tbody>
</table>
</body>
</html>

解决方案 »

  1.   

    可以用两重循环来做吧 tab.rows[i].cells[j];
      

  2.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>hello</title>
    <style>
    </style>
    <script src="jquery-1.3.2.js"></script>
    <script>
    $(document).ready(function(){
    alert($("table thead tr td").length);//thead中的td
    alert($("table tbody tr:eq(0) td").length);//第一列中所有的td
    alert($("table tbody tr:eq(1) td").length);//第2列中所有的td
    alert($("table tbody tr:eq(2) td").length);//第3列中所有的td
    alert($("table tbody tr:eq(3) td").length);//第4列中所有的td
    alert($("table tbody tr:eq(4) td").length);//第5列中所有的td
    });
    </script>
    </head><body>
    <table id="tab"  border="1" cellspacing="0" cellpadding="0">
     <thead>
          <tr>
            <td width="60" >1</td>
            <td width="60">2</td>
            <td  width="300" >3</td>
            <td width="180"  >4</td>
            <td >yyy</td>
          </tr>
     </thead>
     <tbody>
          <tr>
            <td height="16">1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>yyy</td>
          </tr>
          <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>yyy</td>    
          </tr>
          <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>yyy</td>    
          </tr>
          <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>yyy</td>    
          </tr>
          <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>yyy</td>    
          </tr>
      </tbody>
    </table></body>
    </html>
      

  3.   

    =更好的写法............
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head><body>
    <table id="tab"  border="1" cellspacing="0" cellpadding="0">
     <thead>
      <tr>
        <td width="60" >1</td>
        <td width="60">2</td>
        <td  width="300" >3</td>
        <td width="180"  >4</td>
        <td >yyy</td>
      </tr></thead>
      <tbody><tr>
        <td height="16">1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>yyy</td>
      </tr>
      <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>yyy</td>    
      </tr>
      <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>yyy</td>    
      </tr>
      <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>yyy</td>    
      </tr>
      <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
        <td>4</td>
        <td>yyy</td>    
      </tr>  </tbody>
    </table>
    <script>
    window.onload = function(){
    var a=[]; tds = document.getElementById('tab').tBodies[0].getElementsByTagName('td'),i=0,j=0,n=document.getElementById('tab').getElementsByTagName('thead')[0].getElementsByTagName('td').length;
    for(;j<n;j++)
    a[j]=[];
    for(var l=tds.length;i<l;i++)
    a[i<n-1?i:i%5].push(tds[i]);//-------------test---------------------------
    for(var i=0,l=a[0].length;i<l;i++)
    alert(a[0][i].innerHTML)  
    }
    </script>
    </body>
    </html>