django学习入门系列之第七点《jQuery寻找标签（间接寻找）》

---

寻找其他标签

• 找兄弟

<div>北京div>
<div id="c1">广州div>
<div>深圳div>

//寻找上一个标签（找的是北京的标签）
$("#c1").prev()

$("#c1")

//寻找下一个标签（找的是深圳的标签）
$("#c1").next()
//寻找下下一个标签
$("#c1").next().next()

//找到所有的其他的兄弟
$("#c1").siblings()

• 找父子

<div>
    <div>
        <div>北京div>
        <div id="c1">
            <div>
                <div>
                    内蒙古
                    <div class="p10">
                        淄博
                    div>
                div>
            div>
        div>
        <div>深圳div>
    div>

    <div>
        <div>上海div>
        <div>成都div>
        <div>广西div>
    div>
div>

$("#c1").parent() //找他的父类
$("#c1").parent().parent() //找他的父类的父类

$("#c1").children() //获取他的所有的孩子
$("#c1").children(".p10") //获取他的所有的孩子中寻找class="p10"的标签

$("#c1").find(".p10")//获取所有的子孙中寻找class="p10"的标签
$("#c1").find("div")//获取所有的子孙中寻找class="div"的标签

往期回顾

1.【快速开发网站】
2.【浏览器能识别的标签1】
3.【浏览器能识别的标签2】
4.【浏览器能识别的标签3】
5.【浏览器能识别的标签4】
6.【案例1：用户注册】
7.【案例2：用户注册改进】
8.【快速了解 CSS】
9.【常用选择器概念讲解】
10.【CSS基础样式介绍1】
11.【CSS基础样式介绍2】
12.【CSS基础样式介绍3】
13.【CSS基础样式介绍3】
14.【案例 小米商城头标】
15.【案例 小米商城头标总结】
16.【案例 小米商城二级菜单】
17.【案例 商品推荐部分】
18.【伪类简单了解】
19.【position】
20.【案例 小米商城中app图标代码】
21.【边框及总结】
22.【BootSrap初了解】
23.【BootSrap的目录栏】
24.【BootSrap的栅格系统】
25.【案例 博客案例】
26.【案例 登录】
27.【案例 后台管理样例】
28.【图标】
29.【BootStrap依赖】
30.【javascript初了解】
31.【jJavaScript的变量】
32.【JavaScript的字符串类型】
33.【JavaScript的数组介绍】
34.【案例 动态数据】
35.【javascript 对象（字典）】
36.【案例 动态表格】
37.【Javascript的条件语句和函数】
38.【DOM初了解】
39.【DOM的事件了解】
40.【jQuery初了解】
41.【jQuery寻找标签】
42.【jQuery寻找标签2】