jQuery：如何覆盖表格宽度？

Question

我有这样的表： <table style="width:375pt"> 。 如何将其宽度覆盖为50％？ 我只需要选择一个具有这种宽度的表，而不必选择页面上的其他表。 那么问题是如何选择具有特定宽度的桌子？

谢谢。

Answer 1

样式属性可以使用css()方法直接设置：

$("table").css("width", "50%");

至于如何将其限制为某个表，您将无法（轻松）查询宽度为375px的表（尽管可以使用属性选择器部分完成）。

典型的方法是为相关表提供一个ID或一个类，或以其他方式使用CSS选择器将其限制为相关表。

例如：

<table id="mytable" style="width:375px;">

有：

$("#mytable").css("width", "50%");

Answer 2

$("table.classname").css("width","50%");

<table class="classname" style="width:375pt">

糟糕，没有读取“页面中的一个表”语句。 仍然可以。

Answer 3

$("table").each(function(){
  if($(this).css('width') == '375px')
  {
     $(this).css('width', '50%');
  }
});