使用Jquery在嵌套div中隐藏列表2

正在尝试使用Jquery隐藏嵌套有6个duv标记的列表项2（某些WO没有ID）：

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>
-->        

---

您应该能够通过类名找到元素。因此，您可以这样做：假设您希望使用复选框隐藏/显示：

        //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
            };
        });

---

请您在jsFiddle.com上举个例子，以便我们更好地理解您的问题。不起作用。不确定是否是太多嵌套的div和span导致它不起作用。有什么想法吗？真奇怪，我居然把清单2藏起来了。嵌套div/span的数量无关紧要。如果它是DOM的一部分，jQuery可以得到它。这只是一个跳入正确元素的问题。上面代码的哪一部分不起作用？