zoukankan      html  css  js  c++  java
  • jQuery 遍历

    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

    warn 作者:ylbtech
    出处:http://ylbtech.cnblogs.com/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    typeid抛出异常的解释
    [原创]公平数的解法
    [原创]我的北大ACM POJ 1012解答
    [原创]我的PKU ACM POJ1029题解
    asp.net 单用户登录经典解决方案
    [转]SQL事务回滚的问题及其解决的方法
    获取json数据
    js中Date对象的用法
    解决刷新后回到顶部的问题
    C#获取客户端及服务器端主机信息
  • 原文地址:https://www.cnblogs.com/ylbtech/p/3178852.html
Copyright © 2011-2022 走看看