使用jQuery调整HTML表格宽度

Question

我需要在jQuery的点击事件后改变一个table的宽度。

HTML：

<table class="zebra" border=0>

情况 1：

$("table.zebra").css("width","600px");

案例2：

$("table.zebra").css("width","200px");

CSS：

table.zebra{}
table.zebra tr.even td, table.zebra tr.even th { background-color:#FDD017; }
table.zebra tr.odd td { background-color:#FFF380; }

这并没有像我想要的那样改变 table 的宽度。

我做错了什么？

- venkatachalam

Answer 1

这应该就可以解决问题了。

<table class="zebra">
  <tr>
    <td>foo</td>
    <td>bar</td>
  </tr>
</table>

<script type="text/javascript">
  $(function() {
    $('table.zebra').attr('width', 500);
  });
</script>

- William Brendel

Answer 2

试试这个：

$("table.zebra").width(200);

参考: http://docs.jquery.com/CSS/width#val

- Koistya Navin .NET

---

我仍然无法调整表格宽度？ - venkatachalam

width() 方法将返回第一个匹配元素的当前计算宽度，参考 http://is.gd/9VR3。我认为这不是一个 setter。 - sepehr

@Sepehr，还有一个setter，可以使用.width(val)。 - Konstantin Tarkus

Answer 3

这应该能解决问题。

$("table.zebra").width('200px');

- Paul Hachmang

Answer 4

这对我有用

    $('#MyModalID').find('.modal-dialog').css({
                width: '800px'
            });        

- shadab momin