Javascript 如何仅使用JS或CSS在页面上动态更改colspan。

我有一个第三方应用服务页面，我需要隐藏/显示一些内容。我有一系列CSS样式（以“u”为前缀，例如budget、runrates、forecast等）来格式化这些部分

影响整个部分的类按需要工作，但我还需要在每个部分中隐藏列，即隐藏/显示预算、预测等

例如，将_预算更改为_预算将“隐藏”列。将_运行率更改为_运行率将隐藏运行率部分

我希望能够通过JS（或JQuery）实现这一点，或者可能有一个CSS组合我还没有尝试过

我已经在下面的JSFIDLE中隔离了动态创建页面的部分

      <td class="mPTHCT PTRHCT0" id="htl_saw_15433_7_1_0" e="1" l="0" s="-1" cid="saw_15433_7"></td>
      <td class="mPTHCT PTRHCT1 _month _spacer" id="htl_saw_15433_7_1_1" e="1" l="1" s="-1" cid="saw_15433_7"> </td>
      <td class="mPTHCT PTRHCT2 _month" id="htl_saw_15433_7_1_2" e="1" l="2" s="-1" cid="saw_15433_7" colspan="7">May 2016</td>
      <td class="mPTHCT PTRHCT9 _quarter _spacer" id="htl_saw_15433_7_1_9" e="1" l="9" s="-1" cid="saw_15433_7"> </td>
      <td class="mPTHCT PTRHCT10 _quarter" id="htl_saw_15433_7_1_10" e="1" l="10" s="-1" cid="saw_15433_7" colspan="7">May QTD 2016</td>
      <td class="mPTHCT PTRHCT6 _year _spacer" id="htl_saw_15433_7_1_17" e="1" l="17" s="-1" cid="saw_15433_7"> </td>
      <td class="mPTHCT PTRHCT7 _yearly" id="htl_saw_15433_7_1_18" e="1" l="18" s="-1" cid="saw_15433_7" colspan="7">May YTD 2016</td>
      <td class="mPTHCT PTRHCT3 _spacer _year" id="htl_saw_15433_7_1_25" e="1" l="25" s="-1" cid="saw_15433_7"> </td>
      <td class="mPTHCT PTRHCT4 _year  _fullyearcol" id="htl_saw_15433_7_1_26" e="1" l="26" s="-1" cid="saw_15433_7" colspan="5">2016</td>
      <td class="mPTHCT PTRHCT9 _spacer _runrates" id="htl_saw_15433_7_1_31" e="1" l="31" s="-1" cid="saw_15433_7"> </td>
      <td class="mPTHCT PTRHCT10 mPTLC PTLC _runrates _runratescol" id="htl_saw_15433_7_1_32" e="1" l="32" s="-1" cid="saw_15433_7" colspan="5">Run Rates</td>

2016年5月
2016年5月QTD
2016年5月至今
2016
运行率

---

提前谢谢

下面是jQuery的示例

$("#htl_saw_15433_7_1_2").attr('colspan',3);

我还没听说过CSS的这种方式

---

您还可以为不想显示的项目设置“显示：无”（使用

.css（“显示”、“无”）

）。

您是要求更改colspan还是隐藏单元格并更改colspan？我不确定是否可以设置display=none的单元格，并让colspan覆盖它。听起来有点乱。您可以删除单元格并调整colspan，我知道这是肯定的。该id是动态的，colspan需要使用下半部分中可见列的数量进行更新。@DamianArnold迭代所有子项，检查是否显示none，以及是否显示attr colspan和非none update colspan。。。对我来说，这是一个有点丑陋的方法，虽然我知道@laser，但我很有限，因为页面是由第三方应用程序创建的。每次都是动态的。我在想，一个分区css类名的计数是按分区计算的——那些用“隐藏”css类标记的名称。