Jquery parent（）方法

parent（）方法返回所选元素的直接父元素。
此方法将只在一个级别上遍历DOM树。
返回每个元素的直接父元素：

  
div (曾祖父元素)
    
ul (祖父元素)  
      
li (父元素)
        span
      
    
   
  

  
div (祖父元素)   
    
p (父元素)
        span
      
 
  

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

Jquery parents（）方法

parents（）方法返回所选元素的所有祖先元素，这些元素一直到文档的根元素（）。
所有元素的所有祖先：

$(document).ready(function(){
  $("span").parents();
});
1
2
3

运行结果

Jquery parentsuntil（）方法

parentsuntil（）方法返回两个给定元素之间的所有祖先元素。
返回和

$(document).ready(function(){
  $("span").parentsUntil("div");
});
1
2
3

 body (曾曾祖父元素)
  
div (曾祖父元素)
    
ul (祖父元素)  
      
li (父元素)
        span
      
    
   
  

1
2
3
4
5
6
7
8
9

$(document).ready(function(){
  $("div").children();
});
1
2
3

$(document).ready(function(){
  $("div").children("p.1");
});
1
2
3

$(document).ready(function(){
  $("div").find("span");
});
1
2
3