php - Jquery onclick，使父Div不可见

Question

我有这个 Jquery:

$(document).ready(function() {
   $('input[type="checkbox"]').click(function() {
       var togClass=$(this).attr('class');
       if($(this).attr('checked')){
          $(this).parent().parent().('div.' + togClass ).css("display", "inline-block");
       }
       else {
          $('div.' + togClass ).css("display", "none");

       }
   });
});

这个 Html 基本上重复了:

<div id="Coltext">
     <div id= "Sidechecks">
      <input checkbox class= "ModelName">
     <div id="seqWrap">
     <div id="Nucwrap"> 
     <div id="hit" class= "modelname">"String"</div>
     </div> 
     </div>
     </div>
 </div>   

当我点击 checkbox 时，我希望所有 HIT div 都变得不可见，只在这个 Div 中。主要的 DIV-coltext 重复了很多次，每次都有相同的模型，但是当用户点击 checkbox 时，我只想要 Hit Divs 使主 div 消失，然后在单击时重新出现。没有人能帮忙吗，看起来很简单，但我无法让它工作？

Answer 1

请参阅有关可验证 html 的评论。我不确定 <input checkbox class= ModelName>
将呈现为 $('input[type="checkbox"]') 可选择的内容

尝试改变

$(this).parent().parent().('div.' + togClass )

到

$(this).parent('div.' + togClass + "[hit]")

这应该向上遍历，寻找任何带有 togClass 的 DIV具有参数“命中”