用jquery怎么控制表格第一列数据居左其他列居中

用jquery怎么控制表格第一列数据居左显示  其他列居中显示

解决方案 »

  1.   


    <!doctype html>
    <html>
    <head>
    <meta charset="gb2312" />
    <title></title>
    <style>
    td{ width:100px; border:1px solid red; text-align:center;}
    thead td { text-align:left; }
    </style>
    </head>
    <body>
    <table>
    <thead>
    <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    </tr>
    </thead>
    <tbody>
    <tr>
    <td>1-1</td>
    <td>1-2</td>
    <td>1-3</td>
    </tr>
    <tr>
    <td>2-1</td>
    <td>2-2</td>
    <td>2-3</td>
    </tr>
    <tr>
    <td>3-1</td>
    <td>3-2</td>
    <td>3-3</td>
    </tr>
    </tbody>
    </table>
    </body>
    </html>楼主 这个 css 配合 合理的html结构 就可以解决，何必用jquery，浪费性能。
      

  2.   

    不用jquery也行啊，给第一列的td单独的class即可，jq code:
    <html>
    <head>
    <script src='http://code.jquery.com/jquery-latest.js'></script>
    <style>
    td{
    width:50px;
    border:solid 1px red; }
    </style>
    <script>
    $(function(){
    $('table td:first-child').css('text-align','left').siblings().css('text-align','center')
    })</script>
    </head>
    <body>
    <table>
    <tr>
    <td>11</td>
    <td>12</td>
    <td>13</td>
    </tr>
    <tr>
    <td>21</td>
    <td>22</td>
    <td>23</td>
    </tr>
    </table>
    </body>
    </html>
      

  3.   

    这个好像是第一行哦，怎么用css达到我要的效果呀？
      

  4.   

    用最适合的方法达到就行  不过目前我只想到用jquery
      

  5.   

    给每一个tr的第一个td加个class撒比如aaa，然后css写： .aaa{text-align:left}
      

  6.   

    昏，行列没分清，悲催。。支持css3的浏览器 可以 用 ，  tr td:first-of-type { text-align:left; }要兼容 还得用js