webdevqa.jp.net

jQueryでのHTMLテーブル幅のサイズ変更

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の幅を私が望むように変更しません。

私は何が間違っているのですか?

10
venkatachalam

これでうまくいくはずです。

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

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

これを試して:

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

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

10

これはトリックを行う必要があります

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