jQuery 遍历 - parent() 方法

简介:
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://www.cnblogs.com/ylbtech/p/3178852.html,如需转载请自行联系原作者

相关文章
|
26天前
|
JavaScript
jQuery遍历div,判断是否为空,为空时执行某个操作
jQuery遍历div,判断是否为空,为空时执行某个操作
8 0
|
3月前
|
JavaScript
jQuery追加节点方法 和height方法与width方法
jQuery追加节点方法 和height方法与width方法
|
3月前
|
JavaScript 前端开发
调用jQuery的animate()方法无法移动的问题
调用jQuery的animate()方法无法移动的问题
|
3月前
|
JavaScript 前端开发 UED
jQuery 自动刷新页面但不闪烁的实现方法
jQuery 自动刷新页面但不闪烁的实现方法
|
4月前
|
JavaScript 前端开发
jQuery学习(十二)—jQuery中对象的查找方法总结
jQuery学习(十二)—jQuery中对象的查找方法总结
|
4月前
|
JavaScript
jQuery学习(九)—常用的包裹方法
jQuery学习(九)—常用的包裹方法
|
4月前
|
JavaScript
jQuery学习(七)— append方法与appendTo方法
jQuery学习(七)— append方法与appendTo方法
|
4月前
|
JavaScript
jQuery学习(八)—before方法、after方法、insertBefore方法、insertAfter方法
jQuery学习(八)—before方法、after方法、insertBefore方法、insertAfter方法
|
3月前
|
JavaScript 前端开发
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
jQuery特效函数-第7次课-show、hide等方法有动画效果的显示和隐藏一个元素-附案例-任务
19 0
|
3月前
|
JavaScript 前端开发
原生js与jQuery显示隐藏div的几种方法
原生js与jQuery显示隐藏div的几种方法
36 0