对于如下代码片段  如何对河meishi这个div的子DIV呢?

<div id="vertical-Menu-meishi" class="J-nav-item">
<div id="yui_3_12_0_1_1387858313977_228" >
<div id="yui_3_12_0_1_1387858313977_227" ></div>
<div id="yui_3_12_0_1_1387858313977_424" ></div>
</div>
</div>

参考http://api.jquery.com/first-child-selector/

http://api.jquery.com/nth-child-selector/

不过上述都没有说明  :nth-child(2) 可以用在children()的括号中...

不过想想  :nth-child(2)本身是选择器表达式   children('selector')  括号中也是选择器表达式

所以它就干脆没说

stackoverflow上又两个问答也很好的

http://stackoverflow.com/questions/4727263/jquery-get-second-child

http://stackoverflow.com/questions/5440792/getting-the-2nd-child-element

(后一篇中第一个回答的方案3 似乎行不通)

        $("#yui_3_12_0_1_1387858313977_424").css('display', 'block');//ok
//表示的是获取#vertical-Menu-meishi下得第一个DIV元素
alert($("#vertical-Menu-meishi div:first-child").attr("id"));//ok
alert( ($("#vertical-Menu-meishi").children(':first-child')).attr("id"));//ok
//获取第一个子元素的第一个子元素
alert( $("#vertical-Menu-meishi").children(':first-child').children(':first-child').attr('id') );//ok
//获取第一个子元素的第二个子元素
alert( $("#vertical-Menu-meishi").children(':first-child').children(':nth-child(2)').attr('id') );//ok //或者使用下面的办法 感觉更加容易理解
//获取第一个子元素
alert( $("#vertical-Menu-meishi").children('div').eq(0).attr('id') );//ok
获取第一个子元素下的第二个子元素
alert( $("#vertical-Menu-meishi").children('div').eq(0).children('div').eq(1).attr('id') );//ok

显然后面几种方式更好  第一个的话  第一种形式 对于$(this)这样的表达式就无能为力啦

jQuery 子元素选择的更多相关文章

  1. jquery 子元素 后代元素 兄弟元素 相邻元素

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content ...

  2. jQuery——子元素筛选器

    子元素筛选器 名称 :first-child JQ语法 jQuery( "selector:first-child" ) 说明 :first-child选择器用于匹配作为父元素的第 ...

  3. 一个样例看清楚JQuery子元素选择器children()和find()的差别

    近期在我们的hybrid app项目开发中定位出了一个问题.通过这个问题了解下JQuery选择器find()和children()的差别.问题是这种:我们的混合app是一个单页面应用(main.htm ...

  4. jquery 子元素筛选选择器

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content ...

  5. jquery子元素选择器

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  6. jquery子元素过滤选择器

    :nth-child('索引值')//获取指定元素下的某个子元素的位置,索引从1开始: //偶数行                 //$('li:nth-child(even)').addClass ...

  7. jquery子元素过滤器

    <!DOCTYPE html><html><head><meta http-equiv="Content-Type" content=&q ...

  8. jQuery内容过滤选择器与子元素过滤选择器用法实例分析

    jQuery选择器内容过滤 一.:contains(text) 选择器::contains(text)描述:匹配包含给定文本的元素返回值:元素集合 示例: ? 1 2 $("div.mini ...

  9. 深入学习jQuery选择器系列第八篇——过滤选择器之伪子元素选择器

    × 目录 [1]通用形式 [2]反向形式 [3]首尾元素 [4]唯一元素 前面的话 本文是子元素选择器的续篇,主要介绍关于nth-of-type()选择器的内容.该部分内容并非没有出现在<锋利的 ...

随机推荐

  1. python 在 for i in range() 块中改变 i 的值的效果

    先上一段代码: for i in range(3): i = 2 print(i) 实际结果是: 2 2 2 可以发现实际效果就是 在每次执行 for 语句块的内容后 i 会被重新赋值

  2. Java项目打包工具安装失败解决方法

    在学习Java的时候我们打包项目但遇到例如以下情况:(提示没有找到java的执行环境! ) 网上眼下有两中的解决方式: (1)选择本地jdk环境; (2)下载Download 可是第一种选择本地老是失 ...

  3. zoj 2256 Mincost

    #include<stdio.h> int main(void) { int kil; ; double sum; ) { sum=; flag=; while(kil) { ) { su ...

  4. LINQ实现行列转换

    用SQL语句实现行列转换很容易,但也有时候需要在程序中实现,找了好久,发现一篇文章写的挺不错的 http://blog.csdn.net/smartsmile2012/article/details/ ...

  5. N个任务掌握java系列之统计一篇文章中单词出现的次数

    问题:统计一篇文章中单词出现的次数 思路: (1)将文章(一个字符串存储)按空格进行拆分(split)后,存储到一个字符串(单词)数组中. (2)定义一个Map,key是字符串类型,保存单词:valu ...

  6. C++中 指针 与 引用 的区别

    四点区别:可否为空,可否修改,使用时是否需要判断,使用场景 非空区别. 引用必须指向某个对象,而指针可以指向空. 可修改区别. 引用总是与初始化时的那个对象绑定,不可变更:指针可以重新赋值,指向另外一 ...

  7. 删除Lb重复的数,用La输出(顺序表)

    #include<stdio.h> typedef int A; const int LIST_INIT_SIZE=100; const int LISTINCRMENT=10; type ...

  8. 马踏棋盘问题-贪心(MATLAB&C++)

    原创文章,转载请注明:马踏棋盘问题-贪心(MATLAB&C++) By Lucio.Yang 1.问题描述 将马随机放在国际象棋的Board[0-7][0-7]的某个方格中,马按走棋规则进行移 ...

  9. gridview回顾

    第一看asp.net是在做项目之前,感觉收获也很大,第二次看gridview是在做完项目之后对GridView的回顾,这次的感觉是:我需要多想点,知识直到用时方觉少.直入正题吧,看gridview. ...

  10. 手动添加删除windows服务

    1.使用sc命令创建服务 命令格式如: sc create [service name] [binPath= ] <option1> <option2>... 比如: sc c ...