在嵌套的div

Question

使用jQuery隐藏清单2尝试使用jQuery来隐藏嵌套6 DUV列表项2标签的一些wothout一个IDS：

1 - 我的目录是如在6个潜水标签 2 - 这是UL列表 3-试图显示/隐藏列表项2，当按钮被选中

<!-- 
     <div id="master_DefaultContent_rts_up"> 
     <div id="master_DefaultContent_rts_p"> 
     <div id="master_DefaultContent_rts_rt"> 
     <div id="master_DefaultContent_rts_ts3347_up"> 
     <div id="master_DefaultContent_rts_ts3347_t"> 
     <div class="rtsLevel rtsLevel1"> 
     <ul class="rtsUL"> 
     <li class="rtsLI rtsFirst tab_1071"> 
    <a class="rtsLink rtsSelected" href="#"> 
     <span class="rtsOut"><span class="rtsIn"> 
     <span class="rtsTxt">List 1</span> 
     </span> 
     </span> 
     </a> 
    </li> 
     <li class="rtsLI tab_1072"> 
    <a class="rtsLink rtsAfter" href="#"> 
     <span class="rtsOut"> 
     <span class="rtsIn"> 
     <span class="rtsTxt">List 2 
     </span></span></span> 
    </a> 
    </li> 
     <li class="rtsLI rtsLast tab_1073"> 
    <a class="rtsLink" href="#"><span class="rtsOut"> 
     <span class="rtsIn"><span class="rtsTxt">List 3</span> 
    </a> 
    </li> 
     </ul> 
     </div> 
     </div> 
     </div> 
     </div> 
     </div> 
     </div> 
-->   

Answer 1

你应该能够找到类名的元素。所以，你可以做这样的事情：（假设你想使用一个复选框来隐藏/显示）：

 //this would be the checkbox 
     <input type="checkbox" id="chkTest"> 

     //this would go into the $(document).ready 
     $("#chkTest").change(function() { 
      var checked = $("#btnTest").is(":checked")     
      if (checked == true) { 
       $(".rtsLI.tab_1072").find(".rtsTxt").hide() //this will hide 
      } else { 
       $(".rtsLI.tab_1072").find(".rtsTxt").show() //this will show 
      }; 
     });