javascript改变表格标题的宽度

Question

这是我的表格，我想通过 javascript/jquery 更改所有表格的宽度。

<div class="dataTables_scrollHeadInner" >  
        <table class="table table-condensed table-bordered table-striped dataTable no-footer" >   
            <thead class="bg-gray-active1">  
                <tr role="row">  
                    <th class="sorting_disabled" >Serial</th>  
                    <th class="sorting_disabled" >dsad</th>  
                    <th class="sorting_disabled" >vg</th>  
                    <th class="sorting_disabled" >sdfg</th>  
                </tr>  
            </thead>  
        </table>  
    </div>   

我想要第一个<th>的宽度: 53px
我想要秒的宽度 <th> : 152px
我想要三分之一的宽度 <th> : 500px
我想要第四个 <th> 的宽度: 100 像素

Answer 1

你可以使用jquery

$( "tr th:nth-child(1)" ).attr("width","53"); 
$( "tr th:nth-child(2)" ).attr("width","152"); 
$( "tr th:nth-child(3)" ).attr("width","500"); 
$( "tr th:nth-child(4)" ).attr("width","100"); 

它选择每个以 th 为 child(n) 的 tr。 n是他们 child 的数量

.attr 用于添加 html 属性。更多信息请参见此处 http://www.w3schools.com/jquery/html_attr.asp