jquery怎麼選擇嵌套的第一層的li

$(".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()});