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

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> 

但是由于某种原因，该行从未显示过。 我已经阅读了这篇文章，并且所做的工作与接受的答案完全相同。 我在这里想念的是什么？

PS： 这也是您演奏的小提琴

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” =）