在 jQuery 中调整 HTML 表格的宽度

Resizing the HTML table width in jQuery

提问by venkatachalam

I need to vary a table's width after a click event in jQuery.

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

HTML:

HTML：

<table class="zebra" border=0>

Case 1:

情况1：

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

Case 2:

案例2：

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

CSS:

CSS：

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

This does not change the table's width like I want.

这不会table像我想要的那样改变的宽度。

What am I doing wrong?

我究竟做错了什么？

回答by William Brendel

This should do the trick.

这应该可以解决问题。

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

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

回答by Konstantin Tarkus

Try this:

尝试这个：

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

Reference: http://docs.jquery.com/CSS/width#val

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

回答by Paul Hachmang

This should do the trick

这应该可以解决问题

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