jquery - 在 jQuery 中调整 HTML 表格宽度

Question

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

HTML:

<table class="zebra" border=0>

案例一:

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

案例二:

$("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 的宽度。

我做错了什么？

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>