Question

我试图显示/隐藏默认情况下隐藏的表行。这是我在做什么的摘要：

function showHidePatientSupportedCont(val) {
  alert(val == '0');
  if (val == '0') {
    $('#pattient_supported_cont').removeAttr('style').show();
  } else {
    $('#pattient_supported_cont').hide();
  }
}

$(document).ready(function() {
  $(".btn-0, .btn-1").click(function() {
    showHidePatientSupportedCont($(this).data('val'));
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<table>
  <tr id="patient_supported_cont" style="display: none">
    <td>
      text text text
    </td>
  </tr>
</table>

<button data-val="0" class="btn-0">Click 0</button>
<button data-val="1" class="btn-1">Click 1</button>

但是由于某些原因，该行从未显示。我已阅读this post，并且正在按照接受的答案进行操作。我在这里想念的是什么？

PS：Here is a Fiddle也可以玩

Answer 1

您的两个标识符都有错别字：

  if (val == '0') {
    $('#pattient_supported_cont').removeAttr('style').show();
  } else {
    $('#pattient_supported_cont').hide();
  }

收件人：

  if (val == '0') {
    $('#patient_supported_cont').removeAttr('style').show();
  } else {
    $('#patient_supported_cont').hide();
  }

“患者”中有一个额外的“ t” =）

如何使用jQuery显示/隐藏隐藏的表行（默认情况下）？

1 个答案: