使用jQuery更改单元格的宽度

Question

这是代码..

<td align="right" width="135"> 
    <div align="right">
        <font class="class123"><b>$9.67</b></font>
    </div>
</td>

我在表格中有多个此单元格的实例，并希望更改它们的宽度。我尝试过像......

jQuery(".class123").closest("tr").html();

考虑换掉所有的html，但我不认为这是最好的方式。我需要为所有细胞做这件事。有什么想法吗？

Answer 1

（我认为）这就是你想要的......

只更改样式 - jsFiddle 1。

$(".class123").closest("td").css('width', '300px');

或宽度本身 - jsFiddle 2

$(".class123").closest("td").width('400px'); 

Answer 2

如果我理解，请告诉我...... 你想改变所有td宽度属性吗？ 试试这个：

$('.class123').each(function(){
   $(this).closest('td').attr('width', 500);
});

Answer 3

类似的东西：

$(".class123").each(function(index, data){
    $(this).width("1009034823px"); //Or however large you want it.
});

查看文档：{​​{3}}

PS：你提供的html没有任何TR元素，所以我删除了那部分。

Answer 4

HTML

 <table>
  <tr>
   <td id="myRow"></td>
 </tr> 

jquery的

$(document).ready(function () {
  var newWidth = $("#myRow").width();
   $("#myRow").width(newWidth*0.4);
}

该代码改变了宽度，可能你想要这个东西。