ylbtech-jQuery-sizzle:jQuery 遍历 - parent() 方法 

parent() 获得当前匹配元素集合中每个元素的父元素，使用选择器进行筛选是可选的。

1.A,jQuery-效果图返回顶部
1.B,jQuery-Source Code(源代码)返回顶部 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <style type="text/css">

        /* 帮助页面 */

        .help

        {

            width: 100%;

        }

        .help .t1

        {

            font-size: 14px;

            font-weight: bold;

            color: #ff8800;

        }

        .help ul

        {

            list-style: none;

        }

        .help ul li

        {

            font-size: 14px;

            line-height: 26px;

        }

        .help ul a

        {

            color: #305da2;

            text-decoration: underline;

        }

        .help ul a:hover

        {

            color: #305da2;

            text-decoration: underline;

        }

        .help .t2

        {

            font-size: 12px;

            color: #424242;

            line-height: 20px;

            text-indent: 25px;

            display: none;

        }

    </style>

</head>

<body>

    <div class="setBlock">

        <div class="help">

            <p class="t1">

                喜欢一句话记录生活,跟我布啦吧</p>

            <ul id="helperList">

                <li><a href="javascript:">1.什么是布啦</a></li>

                <li class="t2">布啦是一句话图文短博客，是当前最火热的信息交流工具，用户可以随时随地发表短句和图片并3G门户实现资源共享(包括帖子/日志等等)。 布啦方便你记录生活中的所见所感,你现在的心情,还有霎那间的灵感.

                    在布啦,随便一句话就能引起关注哦.如果每天都记录几句话,等到某一天,在自己的布啦翻一翻,你能看见自己某月某日某时某刻的心情. 此外,如果你遇到一个好的内容希望跟自己的好友分享,那么只需要点击内容页下方的"分享到我的布啦"或者"分享"即可

                    声明:注册和使用布啦均为免费，请放心使用，而且参与布啦活动，还有机会获得奖品呢！如果你的流量不够，用电脑直接登录bula.cn,就可以玩布啦，布啦支持电脑访问。

                    现在就去发表布啦</li>

                <li><a href="javascript:">2.如何修改布啦用户名?</a></li>

                <li class="t2">进入我的布啦，点昵称旁边的[修改用户名]，或者进入到设置页面，你就可以进入到资料修改页修改用户名和其他相关资料。别忘了填写你所在的城市哦，这样就能找到更多志同道合的人！你的资料还不完善?赶紧去填写吧</li>

            </ul>

        </div>

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js" type="text/javascript"></script>

        <script type="text/javascript">

            $(function () {

                $('#helperList > li > a').click(function () {

                    $(this).parent('li').next('.t2').toggle();

                })

            });

        </script>

    </div>

</body>

</html>
1.C,jQuery-Relevent references(相关引用)返回顶部

1,http://www.w3school.com.cn/jquery/traversing_parent.asp

作者：ylbtech
出处：http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

jQuery 遍历 - parent() 方法的更多相关文章

  1. jQuery 遍历 - eq() 方法 查找当前元素

    jQuery 遍历 - eq() 方法 if(data[i].status !='已送达'){ $('.w-beget').eq(i).attr('disabled','disabled'); }

  2. jquery遍历DOM方法总结

    1.jQuery 遍历 - 祖先 向上遍历 DOM 树 这些 jQuery 方法很有用,它们用于向上遍历 DOM 树: parent() parents() parentsUntil() jQuery ...

  3. jQuery 遍历 - siblings() 方法

    本文来自:http://www.w3school.com.cn/jquery/traversing_siblings.asp jQuery 遍历参考手册 实例 查找每个 p 元素的所有类名为 &quo ...

  4. jQuery遍历节点方法汇总

    1.children()方法:$('div').children()---遍历查找div元素的所有子元素节点 <p>Hello</p> <div> <span ...

  5. jQuery 遍历 - closest() 方法

    jQuery 遍历参考手册 实例 本例演示如何通过 closest() 完成事件委托.当被最接近的列表元素或其子后代元素被点击时,会切换黄色背景: $( document ).bind("c ...

  6. jQuery 遍历 - children() 方法

    jQuery 遍历参考手册 实例 找到类名为 "selected" 的所有 div 的子元素,并将其设置为蓝色: $("div").children(" ...

  7. jQuery 遍历 - slice() 方法

    实例 选中所有段落,然后将所选内容缩减为只包含第一和第二个段落: $("p").slice(0, 2).wrapInner(""); 亲自试一试 定义和用法 s ...

  8. jQuery 遍历 - each() 方法

    定义和用法 each() 方法规定为每个匹配元素规定运行的函数. 提示:返回 false 可用于及早停止循环. 语法 $(selector).each(function(index,element)) ...

  9. jQuery 遍历 - children() 方法 获取指定id下子元素的值

    <a id="Aobj_2_2" class="" specid="2" specvid="2" href=&qu ...

随机推荐

  1. POJ 1182 食物链(种类并查集)

    记得第一次做这道题的时候,推关系感觉有点复杂,而且写完代码后一直WA,始终找不出错误. 在A了十几道并查集后,再做这道题,发现太小儿科了.发现原来之所以WA,就在于查找根节点时,没有同步更新子节点相对 ...

  2. gulp-css-spriter 雪碧图合成

    一.配置 gulp的雪碧图功能没有grunt那么强大,但是类似功能也支持,功能稍微弱一些,但是也很棒 npm地址:https://www.npmjs.com/package/gulp-css-spri ...

  3. **tomcat简介之web.xml详解

    一.Tomcat背景 自从JSP发布之后,推出了各式各样的JSP引擎.Apache Group在完成GNUJSP1.0的开发以后,开始考虑在SUN的JSWDK基础上开发一个可以直接提供Web服务的JS ...

  4. hdu1874 畅通工程续

    http://acm.hdu.edu.cn/showproblem.php?pid=1874 //标准最短路模板 //需要注意的是两点间可能有多组 //需要取最短的 #include<iostr ...

  5. XML中如何使用schema

    Schema简介 DTD的语法相当复杂,并且它不符合XML文件的标准,自成一个体系,W3C定义的Schema用来代替DTD. chema相对于DTD的明显好处是XML Schema文档本身也是XML文 ...

  6. ASP.Net WebForm学习笔记：一、aspx与服务器控件探秘

    作者:周旭龙 出处:http://edisonchou.cnblogs.com 开篇:毫无疑问,ASP.Net WebForm是微软推出的一个跨时代的Web开发模式,它将WinForm开发模式的快捷便 ...

  7. 汉诺塔算法的递归与非递归的C以及C++源代码

    汉诺塔(又称河内塔)问题其实是印度的一个古老的传说. 开天辟地的神勃拉玛(和中国的盘古差不多的神吧)在一个庙里留下了三根金刚石的棒,第一根上面套着64个圆的金片,最大的一个在底下,其余一个比一 个小, ...

  8. ios开发跳转

    如果我的是A->B->C后,我想直接从 C->A 应该怎么做???这是我的问题    看了这个帖子不太明白      这是10楼的解决办法 , 虽然 写的很清楚 ,但是还是没懂啊  ...

  9. iOS开发--浅谈CocoaAsyncSocket编程

    Socket就是一种特殊的文件.它是一个连接了两个用户的文件,任何一个用户向Socket里写数据,另一个用户都能看得到,不管这两个用户分布在世界上相距多么遥远的角落,感觉就像坐在一起传纸条一样. 这么 ...

  10. Git教程之创建版本库(2)

    什么是版本库呢?版本库又名仓库,英文名repository,你可以简单理解成一个目录,这个目录里面的所有文件都可以被Git管理起来,每个文件的修改.删除,Git都能跟踪,以便任何时刻都可以追踪历史,或 ...