jquery - 使用 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，但我认为这不是最好的方法。我需要为所有细胞做这件事。有任何想法吗？

score 2 · Accepted Answer

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

仅更改样式- jsFiddle 1。

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

或者宽度本身 - jsFiddle 2

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

score 0 · Accepted Answer

让我知道我是否理解...您想更改所有 td 宽度属性对吗？试试这个：

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

score 0 · Accepted Answer

像这样的东西：

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

看看文档：jquery.width()

PS：您提供的 html 没有任何 TR 元素，因此我删除了该部分。

score 0 · Accepted Answer

html

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

jQuery

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

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

4 回答 4