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

Question

尝试使用 Jquery 隐藏嵌套有 6 个 duv 标签的列表 ITEM 2，有些没有 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>
-->        

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