Question

我有一个第三方应用程序服务页面，我需要隐藏/显示一些内容。我有一系列CSS样式（前缀为'_'，例如_budget，_runrates，_forecast等）格式化部分。

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

例如，将__budget更改为_budget将“隐藏”列。将__runrates更改为_runrate将隐藏runrate部分。

我希望能够通过JS（或JQuery）做到这一点，或者可能有一个我没有尝试过的CSS组合。

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

      <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>

https://jsfiddle.net/damiani8/88xn4tpz/9/

提前致谢！

Answer 1

以下是jQuery

的示例

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

我还没有听说过CSS方式。

您还可以为不想显示的项目设置“display：none”（使用.css("display","none")）。

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

1 个答案: