【jQuery】定位父级、子级、同级元素

一、获取父级元素

var parent = $("#element").parent();//获取当前元素的父级元素

var parentAll = $("#element").parents();//获取当前元素的所有祖先元素

var close = $("#element").closest(selector);//获取当前元素的最近的祖先元素

二、获取子级元素

var child = $("#element").children(selector); //获取当前元素的子元素

var selector = $("#element").find(selector); //获取当前元素的后代

三、获取同级元素

var bro = $("#element").next(selector); //获取当前元素紧邻的同级元素。
 
var broAll = $("#element").nextAll(selector); //获取当前元素后面的所有同级元素。
 
var broPrev = $("#element").prev(selector); //获取当前元素紧邻的前一个同级元素（与next相反）
 
var broPrevAll= $("#element").prevAll(selector); //获取当前元素前面的所有同级元素（与nextAll相反）

var broAndSelf = $("#element").andSelf();//获取当前元素后面的所有同级元素并包括当前元素本身