tableタグの属性を全て変更する

Jqueryでページのロード時にコード内の全てのtableのwidthを書き換えたいのですが
以下のコードでうまく変更できません。

HTML
1<table id="a" style="width:800px;">....</table>
2<table id="b" style="width:900px;">....</table>

Javascript
1  $(function(){
2$('table').attr('width','1000px');
3  });

consoloにもなにもエラーが表示されずにwidthが800・900pxのままですが
どこに問題があるのでしょうか？

宜しくお願い申し上げます。

行動規範の内容に同意します

回答1件

ベストアンサー

ノードに設定される width 属性と、style 属性の中身は異なります。元の HTML は style 属性、jQuery で設定(attr)されているのは width 属性です。以下で style 属性の方を更新出来ます。

$(function(){
  $('table').css('width', '1000px');
});

投稿2017/06/22 05:23

編集2017/06/22 05:24

mattn

総合スコア5030

SugiuraY

2017/06/22 05:48

ご回答ありがとうございます。うまく機能させることができました！ css. でstyle属性を修正することができるのですね。attrは全属性を対象としているということでしょうか？ ttp://jszuki.doorblog.jp/archives/31658654.html 例えば $('table').attr(<'style:width:1000px;>'); は、可能、ただし、他の属性も全て消えてしまうので、この手は使えないですが。。。