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 遍历 - siblings() 方法

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

  2. jQuery遍历节点方法汇总

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

  3. jQuery 遍历 - slice() 方法

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

  4. jQuery 遍历 - each() 方法

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

  5. JQuery 遍历 - prev() 方法

    http://www.w3school.com.cn/jquery/traversing_prev.asp http://www.w3school.com.cn/jquery/jquery_ref_t ...

  6. jQuery 遍历 - map() 方法

    定义和用法 map() 把每个元素通过函数传递到当前匹配集合中,生成包含返回值的新的 jQuery 对象. 例子1: 构建表单中所有值的列表: <p><b>value为: &l ...

  7. jQuery 遍历 - find() 方法

    实例 搜索所有段落中的后代 span 元素,并将其颜色设置为红色: $("p").find("span").css('color','red'); 详情:htt ...

  8. jQuery遍历 slice()方法

    今天做页面,遇到一个滚动的swipe,需要4个<li> 一组,然后在外层加个<ul>,方法如下: $('.xxxxx li').each(function(n){ $('.xx ...

  9. jQuery 遍历 json 方法大全

    1.for循环: var obj = { "status":1, "bkmsg":"\u6210\u529f", "bkdata& ...

随机推荐

  1. 两种交换机配置模式,以配置基于端口划分的VLAN为例

    关于交换机的配置模式,大体上可以分为两类:其一以CISCO交换机为代表的配置模式,其二以Huawei.H3C交换机为代表的配置模式.其实这两种配置模式并没有本质的不同,只是配置的命令名称和配置方式存在 ...

  2. JSP之WEB服务器:Apache与Tomcat的区别 ,几种常见的web/应用服务器

    注意:此为2009年的blog,注意时效性(针对常见服务器)     APACHE是一个web服务器环境程序 启用他可以作为web服务器使用 不过只支持静态网页 如(asp,php,cgi,jsp)等 ...

  3. Count Complete Tree Nodes

    Given a complete binary tree, count the number of nodes. Definition of a complete binary tree from W ...

  4. facebook graphql

    思想先进,前端直接从后台调用所需要的数据. 最简单的理解: 从"select * from 学生表" 进化为"select name, sex from 学生表" ...

  5. Handler 消息传递机制

    1,Handler 的概念Handler 是用来干什么的?1)执行计划任务,可以在预定的时间执行某些任务,可以模拟定时器 2)线程间通信.在Android的应用启动时,会创建一个主线程,主线程会创建一 ...

  6. XML-RPC远程方法调用

    一.简介 XML-RPC的全称是XML Remote Procedure Call,即XML远程方法调用. 它是一套允许运行在不同操作系统.不同环境的程序实现基于Internet过程调用的规范和一系列 ...

  7. Beta版本冲刺———第二天

    会议照片: 项目燃尽图: 1.项目进展: 昨天的困难:分数排行榜的设计 今天解决的进度:完成了界面优化以及建立新的排行榜选项卡界面. 明天要做的事情:分数排行榜的功能设计 2.每个人每天做的事情 郭怡 ...

  8. 教你搭建SpringSecurity3框架( 更新中、附源码)

    源码下载地址:http://pan.baidu.com/s/1qWsgIg0 一.web.xml <?xml version="1.0" encoding="UTF ...

  9. [HTML5]label标签使用以及建议

    for 属性规定 label 与哪个表单元素绑定. 隐式和显式的联系 标记通常以下面两种方式中的一种来和表单控件相联系:将表单控件作为标记标签的内容,这样的就是隐式形式,或者为 <label&g ...

  10. 优秀前端工程师应该掌握的内容(转自:github)

    程序 标准规范 ECMAScript HTTP 知识储备 作用域/闭包 数据结构 算法 编程范式 函数式 面向对象 基于原型 面向方面 设计模式 软件架构 MVC MVVM 安全 XSS CSRF 富 ...