使用jQuery隐藏列的"0“值直到事件

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<table>
  <tr>
    <th>列1</th>
    <th class="hide-zero">列2</th>
    <th class="hide-zero">列3</th>
    <th>列4</th>
  </tr>
  <tr>
    <td>值1</td>
    <td class="hide-zero">0</td>
    <td class="hide-zero">0</td>
    <td>值4</td>
  </tr>
  <!-- 其他行 -->
</table>

$(document).ready(function() {
  // 在事件触发时隐藏值为"0"的列
  $('#yourEventElement').on('click', function() {
    $('.hide-zero').hide();
  });
});