頭と柱を隠すには？

Question

jQueryを使用して頭や列を非表示にする必要があります。以下のコードは動作しません。

$('#MD116139889_ZIPCODE_InputField').find('.input-group-addon').click(function(){ 
    $('.116141670_ZIPCODE_IDPopupHead').hide(); 
    $('.116141670_ZIPCODE_IDPopupCol').hide(); 
}); 

Table Image

<div id="MD116139889_ZIPCODE_dialog" class="ui-dialog-content ui-widget-content" style="width: auto; min-height: 76px; max-height: none;"> 
<div id="popUpContentResult" class="table-responsive"> 
<table class="table table-hover"> 
<thead> 
<tr> 
<th width="30%" height="19" class="text-center 116141670_ZIPCODE_IDPopupHead">ZipId</th> 
<th class="text-center 116141670_ZIPCODEPopupHead">Zip Code</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
<td align="center" class="text-center 116141670_ZIPCODE_IDPopupCol"><a href="Javascript:selectitem0();">00196</a></td> 
</tr> 
</tbody> 

Answer 1

私は簡単なテストケースのためのBIND（）検索を脱いだが、正常に動作するようです。

$('#MD116139889_ZIPCODE_InputField').click(function() { 
 
    $('.116141670_ZIPCODE_IDPopupHead').hide(); 
 
    $('.116141670_ZIPCODE_IDPopupCol').hide(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="MD116139889_ZIPCODE_dialog" class="ui-dialog-content ui-widget-content" style="width: auto; min-height: 76px; max-height: none;"> 
 
    <div id="popUpContentResult" class="table-responsive"> 
 
    <table class="table table-hover"> 
 
     <thead> 
 
     <tr> 
 
      <th width="30%" height="19" class="text-center 116141670_ZIPCODE_IDPopupHead">ZipId</th> 
 
      <th class="text-center 116141670_ZIPCODEPopupHead">Zip Code</th> 
 
     </tr> 
 
     </thead> 
 
     <tbody> 
 
     <tr> 
 
      <td align="center" class="text-center 116141670_ZIPCODE_IDPopupCol"><a href="Javascript:selectitem0();">00196</a></td> 
 
     </tr> 
 
     </tbody> 
 
    </table> 
 
    </div> 
 
</div> 
 
<button id="MD116139889_ZIPCODE_InputField">Click Me</button>