jquery怎么选择嵌套的第一层的li

时间:2022-05-27 05:50:18
$(".ra").click(function(){
            var id=$(this).children("ul").attr("id");
            if(id=="clo"){
                $(this).children("ul").slideDown('slow');
                $(this).children("ul").attr("id","ope");
            }else{
                $(this).children("ul").slideUp("slow");
                $(this).children("ul").attr("id","clo");
            }
        });


<ul class="root">
                
                    <li class="rts"><a id="ra" href="javascript:;">有机化学</a>
                        <ul id="clo" style="display:none;">
                            
                                    <li><a href="my.html"   target="cou">乙酰乙酸乙酯</a></li>
                                
                                    <li><a href="my.html"   target="cou">苯甲酸</a></li>
                                
                                    <li><a href="my.html"   target="cou">固定酸催化剂</a></li>
                                
                        </ul>
                    </li>
                
                    <li class="rts" id="1"><a id="ra" href="javascript:;">无机化学</a>
                        <ul id="clo" style="display:none;">
                            
                        </ul>
                    </li>
                
                    <li class="rts"><a id="ra" href="javascript:;">大型分析仪器</a>
                        <ul id="clo" style="display:none;">
                            
                                    <li><a href="my.html"   target="cou">气相-质谱联用</a></li>
                                
                                    <li><a href="my.html"   target="cou">液相色谱仪</a></li>
                                
                                    <li><a href="my.html"   target="cou">气相色谱仪</a></li>
                                
                                    <li><a href="my.html"   target="cou">原子吸收光谱</a></li>
                                
                                    <li><a href="my.html"  target="cou">紫外线-可见吸收光谱</a></li>
                        </ul>
</ul>

<iframe id="cou" name="cou"/>

 

阻止第二层的事件向第一层冒泡:

$("li.rts > ul").click(function(event){event.stopPropagation()});