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

jquery怎么选择嵌套的第一层的li的更多相关文章

  1. 贴近用户体验的jQuery日期选择插件

    分享一款贴近用户体验的jQuery日期选择插件.这是一款双日历jQuery日期选择时间插件pickerDateRange.效果图如下: 在线预览   源码下载 var dateRange = new ...

  2. JQUERY 模糊选择

    JQUERY 模糊选择        [属性名称]         匹配包含给定属性的元素      [att=value]       匹配包含给定属性的元素      [att*=value]   ...

  3. jquery中选择checkbox拼接成字符串,然后到后台拆分取值

    jquery中选择checkbox拼接成字符串,然后到后台拆分取值 js中的代码 $("#btn").click(function(){ var chenked=$("i ...

  4. 基于jQuery商品分类选择提交表单代码

    分享一款基于jQuery商品分类选择提交表单代码.这是一款基于jQuery实现的商品信息选择列表表单提交代码. 在线预览   源码下载 实现的代码: <div class="yList ...

  5. JQuery实现选择特定楼层回复

    JQuery实现选择特定楼层回复 需求: 一个论坛里面的小功能,除了回复帖子之外,也能够回复帖子以下的回复.详细实现细节: 每个回复有一个"回复"按钮,点击按钮实现: 在form表 ...

  6. JQuery元素选择

    1.基本元素选择器 $(“p”) //选取<p>元素 $(“p.info”) //选取所有class=”info”的<p>元素 $(“p#demo”) //选取id=”demo ...

  7. JQuery中选择元素的方法:

    document.getElementById('div1');document.getElementsByTagName('div');getByClass(document,'box'); $(' ...

  8. jquery 获取选择符

    1.工厂函数$() 标签名:$('p') 取得文档中的所有段落 ID:$('#some-id') 取得文档中具有对应的some-id ID的一个元素 类:$('.some-class') 取得文档中带 ...

  9. 选择列表中除了第一个li的其他元素

    //选择div中除了第一个li的其他所以li元素 div li:not(:first-child){ }

随机推荐

  1. ACE + TAO工程中的Messenger启动过程

    1.启动NameService服务 F:\ACESource\ACE_wrappers\TAO\orbsvcs\Naming_Service>tao_cosnaming.exe -o F:\AC ...

  2. <html> ---- position

    position 固定的属性,是全局的.和DIV层次无关. <!DOCTYPE html> <html lang="en"> <head> &l ...

  3. VB Mouse Pointer

  4. C#获取当前日期时间

    我们可以通过使用DataTime这个类来获取当前的时间.通过调用类中的各种方法我们可以获取不同的时间:如:日期(2008-09-04).时间(12:12:12).日期+时间(2008-09-04 12 ...

  5. ASP.NET MVC页面报错System.InvalidOperationException The view found at '~/Views/Home/Index.cshtml' was not created.

    Application Exception System.InvalidOperationException The view found at '~/Views/Home/Index.cshtml' ...

  6. maven 包下载地址

    <groupId>cn.com.bmsoft.smartcity</groupId><artifactId>base</artifactId><p ...

  7. iris:get json

    package main import( "github.com/kataras/iris" "github.com/kataras/iris/middleware/lo ...

  8. yii2.0 curd操作

    $customer=new Customer();//插入操作 $customer->name='小熊'; $customer->save(); //修改操作 $model=Custome ...

  9. autofac使用总结

    转摘自:http://niuyi.github.io/blog/2012/04/06/autofac-by-unit-test/ 注册部分: AutoFac是.net平台下的IOC容器产品,它可以管理 ...

  10. SVM问题汇总

    1.为什么要选择最大间隔分类器,请从数学角度上说明? 答:几何间隔与样本的误分次数间存在关系: 其中的分母就是样本到分类间隔距离,分子中的R是所有样本中的最长向量值 2.样本失衡会对SVM的结果产生影 ...